window.parent与window.opener的区别与使用

转载 2012年03月30日 10:39:51
1、window.parent 是iframe页面调用父页面对象

举例: a.html

A

如果我们需要在b.html中要对a.html中的username文本框赋值(就如很多上传功能,上传功能页在ifrmae中,上传成功后把上传后的路径放入父页面的文本框中),我们应该在b.html中写:

var _parentWin = window.parent;_parentWin.form1.username.value = "xxxx";

Z-Blog的文章编辑页面上传功能就是这么实现的。

2、window.opener 是 window.open 打开的子页面调用父页面对象

opener:对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null。

self代表自身窗口,opener代表打开自身的那个窗口,比如窗口a.html打开窗口b.html。如果靠window.open方法,则对于窗口b.html,self代表b.html自己,而opener代表窗口a.html。

举例:a.html

B

如果需要在b.html中对a.html中的表单元素赋值,我们应该在b.html中这么写

<a
href="javascript:try{window.opener.document.getElementById('username').contentWindow.frames[0].document.getElementsByTagName('body')[0].innerHTML+='xxx'}catch(e){};window.close();插入

在后面用window.close关闭b.html。WindsPhoto 2.7.3
中在文章编辑页面弹出新窗口(图片列表)后,选择插入已上传图片便是如此实现的。

Copyright © 2007-2011. 文章如未注明均为原创,适用署名-非商业性使用
2.5授权,非商业及个人网站转载文章须以链接形式注明来源,商业媒体及纸媒请先联系。

分类: 设计开发 | Tags: Javascript | 添加评论(0)
老婆开的淘宝女装店,看到喜欢的给您最低折扣包邮送到!


原文链接:http://www.wilf.cn/post/window-parent-window-opener.html

相关文章推荐

window.parent与window.opener区别介绍

来自:http://www.jb51.net/article/30086.htm 首先来说说 parent.window与top.window的用法  "window.location.href"...

window.opener和window.parent

(转)js操作frame详细解说,window.opener和window.parent的区别(2010-11-11 12:13:29) 转载 标签: frame it ...
  • CPU_2
  • CPU_2
  • 2011年08月31日 23:25
  • 3519

window.opener使用

window.opener 实际上就是通过window.open打开的窗体的父窗体。 比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在s...

parent和opener的区别

  • 2009年01月05日 15:33
  • 139B
  • 下载

通过<frameset>和<iframe>解析js中window对象parent、self、top的区别

、、这3个html元素的区别,可以参考这篇文章"frame,iframe,frameset之间的关系与区别"。标准的使用方式如下: [html] view plaincopy ...
  • gdfgdfk
  • gdfgdfk
  • 2015年06月08日 21:33
  • 966

通过<frameset>和<iframe>看JavaScript中window对象parent、self、top的区别

可以看到a.html能够通过或者包含另一个b.html,而b.html中也可以用同样的方式嵌套c.html。这样就在不同的html之间形成了明显的层次(父子)关系。我们知道每一个html都对应1个js...

js中opener和parent的区别

js中opener和parent的区别

js opener,self,parent 区别

opener:对打开当前窗口的window对象的引用,如果当前窗口已被用户打开,则opener的值为null. self:自引用属性,是对当前window对象的应用,与window属性同义. ...

js中opener与parent的区别解析

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

window.opener用法

window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subfo...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window.parent与window.opener的区别与使用
举报原因:
原因补充:

(最多只允许输入30个字)