【javascript】javascript中iframe的JS方法,用法!contentWindow 、parent、top、onload(热推)
2014-04-03 14:47
429 查看
一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用:
contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下)
1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素
例子:
ifr.contentWindow 这里,返回的是iframe的window对象,所以后面可以接着调用document方法,再接着调用getElementByTagName。那么就可以对iframe里面的元素进行操作了。
二、在iframe本页面,要操作这个iframe的父页面的DOM元素(即嵌套这个iframe的页面)可以用:
window.parent、window.top(这里的TOP是获取的顶层,即有多层嵌套iframe的时候使用)
三、onload事件
非IE下用法
IE下,需要绑定
contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下)
1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素
例子:
var ifr = document.getElementById("iframe"); ifr.contentWindow.document.getElementById("XXXXX") <iframe src="a.html" id=""></iframe>
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") <iframe src="a.html" id=""></iframe>
三、onload事件
非IE下用法
ifr.onload = function(){ //SOMETHING }
IE下,需要绑定
ifr.attachEvent("onload",function(){ //something })
相关文章推荐
- JSON入门指南--服务端处理JSON
- JavaScript 开发进阶:理解 JavaScript 作用域和作用域链
- jstl 四舍五入运算后保量两位小数
- 【javascript】javascript中的JSON.parse()和JSON.stringify()
- Jsp 显示图片问题(相对路径)
- js select多选框操作
- 【javascript】javascript中this关键字的用法(推荐)
- 网页的宽高时时随浏览器缩放而缩放
- JS选择打印
- JS中字符串的相关操作
- 【javascript】javascript中的this
- html 、javascript、css言简意赅
- 【javascript】JavaScript的函数和对象的对象化能力(推荐)
- 【javascript】javascript中JSON.parse()与eval()区别
- 【javascript】javascript中的JSON对象
- 用js实现table内容从下到上连续滚动
- 用js实现table内容从下到上连续滚动
- 解析多json组成的字符串
- 【javascript】javascript中的JSON.stringify函数的理解
- 【javascript】javascript中JSON.parse函数的理解