js中opener与parent的区别详细解析

最新推荐文章于 2021-11-01 14:02:09 发布
最新推荐文章于 2021-11-01 14:02:09 发布
阅读量816 收藏
点赞数
分类专栏： javascript

js中opener与parent的区别详细解析

作者： 字体：[增加 减小] 类型：转载 时间：2014-01-14 我要评论

本篇文章主要是对js中opener与parent的区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
id="iframeu2261530_0" src="http://pos.baidu.com/ecom?sz=680x200&rdid=2261530&dc=2&exps=112102&di=u2261530&dri=0&dis=0&dai=2&ps=418x27&coa=at%3D3%26rsi0%3D680%26rsi1%3D200%26pat%3D6%26tn%3DbaiduCustNativeAD%26rss1%3D%2523FFFFFF%26conBW%3D1%26adp%3D1%26ptt%3D0%26titFF%3D%2525E5%2525BE%2525AE%2525E8%2525BD%2525AF%2525E9%25259B%252585%2525E9%2525BB%252591%26titFS%3D14%26rss2%3D%2523000000%26titSU%3D0%26ptbg%3D90%26piw%3D0%26pih%3D0%26ptp%3D0&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1458263681339&ti=js%E4%B8%ADopener%E4%B8%8Eparent%E7%9A%84%E5%8C%BA%E5%88%AB%E8%AF%A6%E7%BB%86%E8%A7%A3%E6%9E%90_javascript%E6%8A%80%E5%B7%A7_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&ari=1&dbv=2&drs=1&pcs=1045x619&pss=1045x424&cfv=0&cpl=4&chi=1&cce=true&cec=GBK&tlm=1457109989&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F45626.htm&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DxoYkPKUV3hYUIRcNAkAvRSZAQUzfzA-EFT-D1m27SShdB5P6PlXanN6MOIWYLz6q%26wd%3D%26eqid%3Da0fe393a000f8ea10000000556eb5641&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1458263681&qn=dae6738bb75f179e&tt=1458263681314.99.385.386" width="680" height="200" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="display: block; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;">

opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。

parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。

假如这个引用失败，那么将返回null。所以在调用opener的对象前，要先判断对象是否为null，否则会出现“对象为空或者不存在”的JS错误。

示例：
aa.html

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<span id="name"></span>
<input type="button" " value="弹窗" οnclick="window.open('bb.html')" />
</body>
</html

bb.html
复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>无标题文档</title>
 </head>
 <body>
 <input type="text"  id="inputValue"/>
 <input type="button"  value="添加" οnclick="window.opener.document.getElementById('name').innerHTML=inputValue.value"/>
 </body>
 </html> 

window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了aa.htm上的一个链接而打开了bb.htm，然后我们打算在bb.htm上输入一个值然后赋予aa.htm上的一个id为“name”的textbox中，就可以

写为：
window.opener.document.getElementById("name").value = "输入的数据";
window.opener.document.getElementById("name").innerHTML= "输入的数据";

javaPie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js opener的使用详解
01-19
在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。假如这个引用失败，那么将返回null。所以在调用opener的对象前，要先判断对象是否为null，否则会出现“对象为空或者不存在”的JS错误。例子opener.html 代码如下:<html><body><form name=form1><input type=text
JS中window对象的opener属性
m0_54119242的博客
05-10 1417
JS中window对象的opener属性 JS中window对象的opener属性 window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B,那么在B中window.opener就是窗口对象A. 这是JAVASCRIPT参考手册里对于opener的描述 当一个窗口用open方法打开了一个新窗口的时候,opener属性就生效了,直到被打开的窗口关闭时失效. 你可以通过opener在被打开的窗口中对父窗口进行一系列操作. 你可以在一个窗口中打开一个新窗
JS的parent对象
xing_1209的博客
03-11 3920
parent表示的父窗口，它的属性和window是一样的 Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系：Windwo对象→Parent对象→Frame对象→Document对象→Form对象， 如下：parent.frame1.document.forms[0].elements[0].value; ...
javascript opener 用法
wwwhongxia的专栏
05-16 4517
window.opener 的用法在一般的用法中，只是用来解决关闭窗口时不提示弹出窗口， 而对它更深层的了解一般比较少。 其 实 window.opener是指调用window.open方法的窗口。 在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。 如果你在主窗口打开了一个页面，并且希望主窗口刷新就用这个，打开页面的window.opener就相当于 主窗口的windo
Js中的Parent对象
热门推荐
wang725的专栏
12-03 3万+
Js中的Parent对象  文章分类:Web前端   该变更永远指分割窗口最高层次的浏览器窗口。 如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。  parent：  该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。  opener：  指用WIND
js中opener与parent的区别详细解析.docx
01-21
js中opener与parent的区别详细解析.docx
JS window对象的top、parent、opener含义介绍
10-26
本文为大家介绍下JS window对象的top、parent、opener含义，不了解的朋友可以参考下，希望对大家有所帮助
js中通过父级parent函数和next函数进行查找定位元素
徊忆羽菲
11-01 2291
js中通过父级parent函数和find函数进行查找定位元素parent() 方法定义和用法详细说明实例代码 parent() 方法 定义和用法 parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。 详细说明 如果给定一个表示 DOM 元素集合的 jQuery 对象，.parent() 方法允许我们在 DOM 树中搜索这些元素的父元素，并用匹配元素构造一个新的 jQuery 对象。.parents() 和 .parent() 方法类似，不同的是后者沿 DOM 树向上遍历
JS/JQUERY（6）——JS中window对象的top，parent，opener含义
weixin_30251829的博客
04-05 558
1.top 　　该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。　　/**　　 *　打开新的子页面　　 */　　var url = "./LoadAssetCard.jsp"; openWindow(strjsp);　　/**　　 *　子页面返回父页面，并将value返回父页面的 afterQuery()方法中　　 */　　var...
简述JS的parent方法与parents方法的区分
飞翔的企鹅的博客
11-09 6543
介绍 parent() 取得一个包含着所有匹配元素的唯一父元素的元素集合 parents() 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素） 区分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></titl...
js opener 的使用
weixin_30615767的博客
07-12 127
参考：http://www.cnblogs.com/jhxk/articles/1740262.html http://hi.baidu.com/gavemepromise/item/b77d4fc351934c27ee4665c5 在JS中，window.opener只是对弹出窗口的母窗口的一个引用。 比如： a.html中，通过点击按钮等方式wi...
js中opener和parent的区别
weixin_33726318的博客
11-10 83
   opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。   parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点...
JAVASCRIPT中的parent对象
quechao123的专栏
10-18 2万+
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。parent：该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。opener：指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。 附：Windo
2分钟通过javascript的opener方式实现调用父窗口方法示例
Guoye的专栏
05-08 1840
父窗口的JS代码： // 打开上传文件窗口 function uploadImgFile(id){ // open里面的参数详情，查看MDN，更系统的详情资源 window.open("${base}/ajax/picupload.action?parentImgUrlId="+id,"","height=300, width=500, toolbar =no, menubar=no...
js中 opener和parent的区别
tianlin0的专栏
06-24 1904
js中 opener和parent的区别 2008-03-09 21:10 opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS中，window.opene
parent.window. window.opener. 区别
最新发布
06-10
这两个对象都是 JavaScript 中的窗口对象，但它们之间有一些区别，具体如下： 1. `parent.window`：表示当前窗口的父窗口，如果当前窗口没有父窗口，则返回当前窗口自身。 2. `window.opener`：表示打开当前窗口的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值