博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript--iframe的JS方法,用法!contentWindow 、paren...
阅读量:7077 次
发布时间:2019-06-28

本文共 740 字,大约阅读时间需要 2 分钟。

hot3.png

还是先感谢“妙味课堂”出的这期教学视频!

一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用:

contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下)

 

1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素

例子:

var ifr = document.getElementById("iframe"); ifr.contentWindow.document.getElementById("XXXXX") 

ifr.contentWindow 这里,返回的是iframe的window对象,所以后面可以接着调用document方法,再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。

 

二、在iframe本页面,要操作这个iframe的父页面的DOM元素(即嵌套这个iframe的页面)可以用:

window.parent、window.top(这里的TOP是获取的顶层,即有多层嵌套iframe的时候使用)

var ifr = document.getElementByTagName("iframe"); ifr.parent.document.getElementById("XXXXX") 

 

 三、onload事件

非IE下用法

ifr.onload = function(){ //SOMETHING }

 

IE下,需要绑定

ifr.attachEvent("onload",function(){ //something  })

转载于:https://my.oschina.net/u/853533/blog/111521

你可能感兴趣的文章
找1到n所有整数出现1的个数
查看>>
又是周一
查看>>
Hadoop 面试题之四
查看>>
实训二 博客一
查看>>
nginx对端口的处理 -- 第三篇
查看>>
CentOS7下安装MySQL5.7安装与配置(YUM)
查看>>
TODO
查看>>
web 端即时通讯
查看>>
jmeter代理录制的方法
查看>>
Windows7环境下MongoDB安装和配置
查看>>
百度搜索框自动补全
查看>>
通过html5 touch事件封装手势识别组件
查看>>
PHP面试题集
查看>>
LeetCode - Maximum Subarray
查看>>
数据库附加或还原后用户权限问题
查看>>
C# String.Format格式说明
查看>>
onload事件
查看>>
静雅斋目录导航
查看>>
PHP 图片添加水印
查看>>
第四章~~!!!~switch结构
查看>>