contentWindow,[通俗易懂]

contentWindow,[通俗易懂]a>contentWindow兼容各个浏览器,可取得子窗口的window对象。b>contentDocumentFirefox支持,>ie8的ie支持。可取得子窗口的

大家好,又见面了,我是你们的朋友全栈君。

 

a>contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。
b>contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。

 

兼容获取document对象:
var getIFrameDoc = function(){
var iobj = document.createElement(“iframe”);
document.getElementsByTagName(“body”)[0].appendChild(iobj);
return iobj.contentDocument || iobj.contentWindow.document;
}

 

基本使用:
1)document.getElementById(“myiframe”).contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;
2)$(“#myiframe”)[0].contentWindow jquery选择器获得iframe,先把jquery对象转换为DOM对象,或者使用get()方法转换;
3)$(“#myiframe”)[0].contentWindow.$(“#dd”).val() 可以在得到iframe的window对象后接着使用jquery选择器进行页面操作;
4)$(“#myiframe”)[0].contentWindow.username=”zhangsan”; 可以通过这种方式向iframe页面传递参数,在iframe页面window.username就可以获取到值,username是自定义的全局变量;
5)在iframe页面通过parent可以获得主页面的window,接着就可以正常访问父亲页面的元素了;
7)parent.$(“#frame_A”)[0].contentWindow.document.getElmentById(“#frame_B”); 同级iframe页面之间调用,需要先得到父亲的window,然后调用同级的iframe得到window进行操作;

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/155374.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号