本文介绍了如何使用JavaScript操作iframe及window对象，包括获取frame/iframe跨域window对象、document对象，以及通过parent变量调用父窗口的方法等内容。
1、window 对象
浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象
2、contentWindow
contentWindow属性是指指定的frame或者iframe所在的window对象（frame/iframe在window里面）
3、获取frame/iframe跨域window对象
var win = document.getElementById("iframeId").contentWindow;
var functionName = $("functionName",win); functionName(); //获取frame/iframe跨域window下javascript对象的属性或者方法 //调用获取方法
4、获取frame/iframe跨域document对象
var doc = document.getElementById("iframeId").contentWindow.document;
var ElementObject = $("#ElementId",doc); //获取frame/iframe跨域document下html元素对象
5、parent
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
<html>
<body>
<iframe id="iframe-1"><html><body>
<script>
parent.test(); //调用父的方法
</script>
</body></html></iframe>
<script>
funtion test(){
alert(123);
}
</script>
</body>
</html>
重新加载iframe
$('iframe').attr('src', $('iframe').attr('src'));
扫一扫
1634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
