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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • PCI 总线学习笔记

    PCI 总线学习笔记

    2021年12月10日
    38
  • 管理大数据存储的十大技巧「建议收藏」

    管理大数据存储的十大技巧「建议收藏」数据本地化是为了确保大数据集存储在计算节点附近便于分析。对于Hadoop,这意味着管理数据节点,向MapReduce提供存储以便充分执行分析。它实用有效但也出现了大数据存储集群的独立操作问题。以下十项是Hadoop环境中管理大数据存储技巧。在1990年,每一台应用服务器都倾向拥有直连式系统(DAS)。SAN的构建则是为了更大的规模和更高的效率提供共享的池存储。Hadoop已经逆转了这一趋势回归DA…

    2022年5月28日
    37
  • linux常用命令(50个)「建议收藏」

    linux常用命令(50个)「建议收藏」1. find基本语法参数如下:find[PATH][option][action]#与时间有关的参数:-mtimen:n为数字,意思为在n天之前的“一天内”被更改过的

    2022年7月3日
    19
  • PHP网站常见安全漏洞,及相应防范措施总结

    PHP网站常见安全漏洞,及相应防范措施总结

    2021年9月24日
    41
  • PAT乙级-坑点集合

    PAT乙级-坑点集合PAT乙级虽然挺简单但是坑不少。因为不给出测试数据,所以不知道怎么才能AC。以下几个题都是只做对了一部分,剩下的错误的点怎么想都不知道怎么才能过,所以整理一下,等回头再慢慢琢磨。1.1008数组元素循环右移问题1008数组元素循环左移2.1012数字分类1012数字分类3.1014福尔摩斯的约会1014福尔摩斯的约会4.1017A/B…

    2022年5月2日
    35
  • 最全化妆品清单_产品标准清单

    最全化妆品清单_产品标准清单linuxeBPF是3.17内核开始引入的一个全新设计,代码目录主要在kernel/bpf下,它的全称是extendedBPF(eBPF),目前关于eBPF的资料还比较乱,很难得看到一篇对ebpf总结的那么全的文章,转载自此:

    2022年9月21日
    0

发表回复

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

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