jquery如何往一个空框架中添加内容

 时间:2024-10-13 21:36:32

1、新建一个html文件,命名为test.html,用于讲解jquery如何往一个空框架中添加内容。

jquery如何往一个空框架中添加内容

2、再创建一个test2.html文件,作为框架iframe的内容。

jquery如何往一个空框架中添加内容

3、在test.html文件内,使用iframe标签将test2.html以框架的形式显示在test.html页面。

jquery如何往一个空框架中添加内容

4、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addcc()函数。

jquery如何往一个空框架中添加内容

5、在js标签中,创建addcc()函数,在函数内,获得iframe对象,使用content()获得框架的所有节点,并使用find()方法找到body节点,使用append()方法向它添加内容。

jquery如何往一个空框架中添加内容

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。

jquery如何往一个空框架中添加内容
  • jquery显示和隐藏方法
  • 如何修改Visual Studio项目的程序集名称
  • Visual basic6.0如何添加窗体背景图片?
  • 如何美化VB的各种基础控件?
  • php写函数打印金字塔
  • 热门搜索
    61儿童节手抄报 数学王国手抄报 手抄报a4版面设计图 关于防疫情的手抄报 小学英语手抄报内容 有关书的手抄报 反邪教手抄报图片大全 元旦手抄报的内容 文明礼仪手抄报诗歌 家规家训手抄报