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)
上一篇 2022年7月2日 上午9:16
下一篇 2022年7月2日 上午9:36


相关推荐

  • 安全视角下的CAN协议分析

    安全视角下的CAN协议分析目录相关背景CAN节点介绍CAN帧结构介绍CAN总线攻击面分析CAN总线安全缺陷基于ID的仲裁机制安全缺陷针对CAN总线的攻击方式[2]参考文章相关背景控制器局域网(CANbus)由罗伯特·博世公司于1983年开发。该协议于1986年美国密歇根州底特律市举行的国际汽车工程师学会(SAE)会议上正式发表。第一个CAN控制芯片,由英特尔和飞利浦生产,并且于1987年发布。世界上第一台装载了基于CAN的多重线系统的汽车是1991年推出的梅赛德斯-奔驰W140。..

    2022年6月28日
    38
  • js获取url参数中文乱码问题

    js获取url参数中文乱码问题js 获取 url 参数中文乱码问题

    2026年3月17日
    2
  • lock接口是什么意思_mutextrylock无效

    lock接口是什么意思_mutextrylock无效正文开始前先把lock接口的源码摆出来(精简后的,特意保留了部分注释)publicinterfaceLock{/***Acquiresthelock.*/voidlock();/***Acquiresthelockunlessthecurrentthreadis*{@linkpl…

    2022年10月15日
    4
  • 程序员常用的十一种算法

    程序员常用的十一种算法程序员常用的十一种算法1.二分查找算法2.分治法3.动态规划4.字符串暴力匹配算法5.KMP算法6.贪心算法7.普里姆算法介绍(找点)8.克鲁斯卡尔(Kruskal)算法(找边)9.迪杰斯特拉算法10.弗洛伊德算法11.骑士周游回溯算法……

    2022年10月19日
    3
  • idea创建java项目_使用IDEA创建java项目(hello word)

    idea创建java项目_使用IDEA创建java项目(hello word)前提:已安装好jdk,配置好环境变量。我使用的是java8首先在自己的D盘下建一个文件夹,用来存放我们待会新建的项目,我创建了IdeaProject:1,第一步打开idea2,第二步选择创建java项目,并选择自己的jdk(我自己本地已经配置了所以有),没有可以点击new去自己的安装目录下找,一般默认安装C:\ProgramFiles\Java,然后选择next下一步3,第三步将“Creat…

    2022年7月9日
    63
  • QVector用法详细介绍

    QVector用法详细介绍QVector 类是动态数组的模板类 顺序容器 它将自己的每一个对象存储在连续的内存中 可以使用索引号来快速访问它们 使用前需要包含头文件 include QVector 下面介绍 QVector 的基本用法 先看看它的一些方法 构造函数 QVector 无参的构造函数 QVector intsize 构造一个大小为 size 个值 QVector

    2026年3月17日
    2

发表回复

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

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