window.parent和contentWindow

最新推荐文章于 2022-04-30 17:33:50 发布
最新推荐文章于 2022-04-30 17:33:50 发布
阅读量667 收藏
点赞数
分类专栏： jQuery 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43654065/article/details/120281452
版权

window.parent概述

返回当前窗口的父窗口对象。

如果一个窗口没有父窗口，则它的parent属性为自身的引用。

如果当前窗口是一个iframe、object或者frame，则它的父窗口是嵌入它的那个窗口。

contentWindow概述

contentWindow属性返回当前HTMLIFrameElement的Window对象. 你可以使用这个Window对象去访问这个iframe的文档和它内部的DOM. 这个是可读属性, 但是它的属性像全局Window一样是可以操作的. 

参考：MDN

在线小白www
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js创建数据共享接口——简化框架之间相互传值
12-11
很多框架存在父子关系，操作起来十分麻烦，很多同学经常出现这样悲催的代码： 代码如下: window.parent.document.getElementById(“main”) .contentWindow.document.getElementById(‘input’).value = document.getElementById(‘myIframe’) .contentWindow.document.getElementById(‘s0’).value; 其实这个问题可以被大大的简化，框架应用中有一个固定不变的窗口叫window.top，如果我们把数据缓存到这个页面，其下所有框架都可
JS中Iframe之间传值的方法
12-07
1.在iframe子页面中获取父页面的元素：     a>window.parent.document这个是获取父页面document中的对象；     b>如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法； 2.在父页面中获取iframe子页面中的元素：    a>      var child = document.getElementByIdx_x(“mainFrame”).contentWindow;//mainFrame这个id是父页面iframe的id      child.document;//获取子页面中的document对象；
ContentWindow属性的用法及作用
热门推荐
weixin_44542089的博客
07-07 2万+
最近在给项目搭建功能的过程中遇到了个难题，因为在设计该项目时给的iframe子页面非常多，从头到尾数下来的话起码得有十多个子页面，当时搭页面的时候用了layui中的Tab选项卡插件，让用户可以通过点击所需的业务按钮来弹出相对应的分页面。但子页面多也并不是件好事，几乎每个子页面都需要用到父页面的中的方法，打开存放在父页面中与该业务相关的模态框、遮罩层，或是让父页面刷新，这都需要通过js中的paren...
浅谈js中子页面父页面方法 变量相互调用
12-12
（1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById("aaa").value; //js的写法 （2）父页面调取子页面 主要是通过contentWindow定位到
JS中Iframe之间传值及子页面与父页面应用
01-19
在js中，我们时常用到用iframe做系统框架，在子页面也，父页面之间的值传递是一个问题，下面是js获取父窗体和子窗体的对象js：1.在iframe子页面中获取父页面的元素： a>window.parent.document这个是获取父页面document中的对象； b>如果要获取父页面js中的方法：window.parent.xxxx()；xxxx()为方法； 2.在父页面中获取iframe子页面中的元素： a> 代码如下: var child = document.getElementByIdx_x(“mainFrame”).contentWindow;//mainFrame这个id是父
iframe.contentWindow介绍
weixin_30954265的博客
08-06 1235
一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用： contentWindow、contentDocument(测试的时候chrome浏览器，要在服务器环境下) 1、先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素 例： var ifr = document.getElementById('iframe'); //...
layui获取弹出层页面中的js对象或方法
MaBanSheng的博客
01-28 6370
@TOClayui获取弹出层中的js对象或方法 打开一个弹出层 layer.open({ type: 2 , title: “审核指标” , area: [“500px”, “300px”] , shade: 0.8 , btn: [“送审”,“取消”] , btnAlign: ‘c’ , content: “${ctx}/pc/business/depreceipt/toValidate.do?...
contentwindow 和contentdocument dom对象和jquery对象
zyq0335的专栏
11-11 4767
父页面调用iframe里的js函数 document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价 window.frames['iframedemo'].contentWindow.demofunction(); 其中iframedemo是iframe的id，demofunction是ifra
iframe的contentWindow属性使用
风火一回，一生不毁
06-05 9668
contentWindow属性是iframe对象或frame对象的专属属性。兼容各种浏览器，并返回window对象 作用是：以 HTML 对象来返回 iframe 或frame中的文档。 contentDocument 属性可用于火狐或IE8+，返回一个documnet对象。 作用是：以 HTML 对象返回框架容纳的文档。
contentWindow的使用
我的地盘
06-20 1970
contentWindow属性是指指定的frame或者iframe所在的window对象： function fnNavigate() { for(i=0;i{ if(document.all(i).tagName=="IFRAME") { document.all(i).contentWindow.location = "http://www.msn.com"; } } }
深入解析contentWindow, contentDocument
12-09
contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。 在子级iframe设置 父级 iframe ，或 孙级 iframe 高度。 function ...
js操作 ifarm contentWindow属性
vm021的博客
10-16 6038
document.getElementByid("AAA"),查找页面中id=“AAA”的选项。 在页面中frameset将页面分为多个窗口 AAA" src="xxxA.html" /> 比如上面两句话，就是说将这个页面分为两个页面，上部分id为AAA的页面，这个页面显示的内容为xxxA.html。下边部分同理为xxxB.html页面内容。document.getElementByid
iframe.contentWindow 属性：关于contentWindow和contentDocument区分
weixin_34150224的博客
11-13 1849
定义和用法 　　contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档，可以通过所有标准的 DOM 方法来处理被返回的对象。 　　语法：frameObject.contentWindow，或者 iframeObject.contentWindow（不是jquery对象）   　　用iframe嵌套页面时，如果父页面要获取子页面里面的内容，可以使用contentW...
contentWindow
weixin_43776523的博客
02-01 2911
document.getElementById(“myiframe”).contentWindow， 得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；
关于 contentWindow, contentDocument
weixin_34049948的博客
06-22 147
没有永恒的技术只有变态的需求，没有好说的客户只有无奈的开发者， 如果iframe的出现是一个错误的话，iframe里边在来一个iframe那是错上加错，神话没有在远古的尘嚣中消失，却在怀具的今天不断上演。 生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。 contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocume...
javascript中window.parent ,window.top,window.self 详解
m0_63183645的博客
04-30 6384
在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。 window.self 功能：是对当前窗口自身的引用。它和window属性是等价的。 语法：window.self 注：window、self、window.self是等价的。 window.top 功能：返回顶层窗口，即浏览器窗口。 语法：windo..
javascript 获取iframe里页面中元素值的方法 关于contentWindow和contentDocumen
weixin_30847271的博客
04-17 718
javascript 获取iframe里页面中元素值的方法 IE方法：document.frames['myFrame'].document.getElementById('test').value; 火狐方法：document.getElementById('myFrame').contentWindow.document.getElementById('test').value; ...
iframe之父子互调
Java_xiaobai1的博客
08-19 186
父页面 子页面调用父页面的方法 window.parent.showTab(row.CONCODE); 父页面调用子页面的方法 $("#tabiframe0")[0].contentWindow.reloadtable(); 父页面给子页面的标签赋值 $('#tabiframe0').contents().find("input[name='concode']").val(concode); ...
前端解决跨域的九种方法
小九的小酒的博客
12-14 605
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1、资源跳转：A链接、重定向、表单提交 2、资源嵌入： 、3、脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS
window.postMessage的例子
最新发布
03-30
iframe.contentWindow.postMessage('Hello from parent window!', '*'); ``` 在iframe中： ```javascript // 向父窗口发送消息 window.parent.postMessage('Hello from iframe!', '*'); ``` 在上面的示例中，父...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值