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

js中window.opener和window.parent的用法

标签:js父窗口 子窗口传值 在最近开发的web项目中,经常用到页面中嵌套很多的页面,页面间的传值。 现在总结如下: 1.window.self就表示当前打开的窗口 2.windo...
  • u014625500
  • u014625500
  • 2014年05月24日 21:09
  • 1472

js中window.parent和window.opener,window.self、window.top用法

在js中window.self,window.top,window.parent,window.opener四个的作用区别还是很大的,window.self,window.top是打开模式,而wind...
  • u012316120
  • u012316120
  • 2016年06月06日 14:59
  • 946

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

1、window.parent 是iframe页面调用父页面对象 举例: a.html A 如果我们需要在b.html中要对a.html中的use...
  • qq_35038331
  • qq_35038331
  • 2017年05月25日 15:01
  • 67

window.opener 与 window.parent 的区别

我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementByIdx(name).value = uvalue;这种形式哦。 windo...
  • qq_25428769
  • qq_25428769
  • 2016年09月08日 16:42
  • 53

window.parent与window.opener的区别

有这样一个需求,弹出一个新窗口 并从该新页面的select选择框中选择需要的类别,再返回到之前的父窗口页面的某个文本框中。这里就要用到window.parent和window.opener 如题两种...
  • itmyhome
  • itmyhome
  • 2013年11月23日 11:30
  • 2708

window.parent与window.opener区别介绍

来自:http://www.jb51.net/article/30086.htm 首先来说说 parent.window与top.window的用法  "window.location.href"...
  • Love_5209
  • Love_5209
  • 2014年04月03日 09:14
  • 1065

window.parent和window.opener区别

window.opener.document.getElementById(name).value = uvalue;这种形式哦。window.parent能获取一个框架的父窗口或父框架。顶层窗口的p...
  • willielee
  • willielee
  • 2010年02月23日 11:30
  • 444

window.parent 与 window.opener

window.parent 是iframe页面调用父页面对象,当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取;  window.opener 是wind...
  • feijinxindi
  • feijinxindi
  • 2013年10月15日 19:19
  • 169

window.opener和window.parent区别

window.opener是当前页面A通过open方法弹出一个窗口B,那在B页面上 window.opener就是A window.parent是当前页面C通过location.href转到新的页面D...
  • ideal_1983
  • ideal_1983
  • 2010年07月21日 15:11
  • 704

window.parent window.opener的区别

parent 在iframe当中使用。如window.parent.document.referrer取父窗口的来路 opener是新开窗口中使用。如window.opener.location.r...
  • qq435792305
  • qq435792305
  • 2013年11月20日 11:46
  • 672
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window.parent与window.opener的区别与使用
举报原因:
原因补充:

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