1、新建一个html文件,命名为test.html,用于讲解jquery如何往一个空框架中添加内容。
2、再创建一个test2.html文件,作为框架iframe的内容。
3、在test.html文件内,使用iframe标签将test2.html以框架的形式显示在test.html页面。
4、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addcc()函数。
5、在js标签中,创建addcc()函数,在函数内,获得iframe对象,使用content()获得框架的所有节点,并使用find()方法找到body节点,使用append()方法向它添加内容。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。