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

Posted 寻梦撑一支长蒿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中window.opener和window.parent的用法相关的知识,希望对你有一定的参考价值。

参考: http://blog.csdn.net/u014625500/article/details/26867933

 

1.window.self就表示当前打开的窗口
2.window.top就表示最顶层的窗口(假如说你在一个窗口里面有嵌套了其他一些窗口,那么top就表示这个最顶层的窗口)
3.window.parent----是iframe页面调用父页面对象
  举例;
  a.html
  <html>
  <head><title>父页面</title></head>
  <body>
  <form name="form1" id="form1">
  <input type="text" name="username" id="username"/>
  </form>
  <iframe src=\‘#\‘" width=100%></iframe>
  </body>
  </html>
  需求:如果我们要在b.html中要对a.html中username文本框赋值,
  就如很多上传功能,上传功能也在Iframe中,上传成功后把上传后
  的路径放到父页面中文本框中去。
  
  那我们就应该在b.html中写;
  <script type="text/javascript>
  var _parentWin=window.parent;
  _parentWin.form1.username.value="xxxx";
  </script>

4.window.opener----是window.open打开的子页面对象调用父页面对象
   self代表自身窗口,是对当前window对象的引用,与window属性同义
   opener:代表打开自身的那个窗口,比如窗口A打开窗口B,如果靠window.open方法,
   则对于窗口B,self代表B自己,而opener窗口代表A

 

Parent对象、Frame对象、Document对象和Form对象的阶层关系-----id
Window对象→Parent对象→Frame对象→Document对象→Form对象,如下:
parent.frame1.document.forms[0].elements[0].value;




















以上是关于js中window.opener和window.parent的用法的主要内容,如果未能解决你的问题,请参考以下文章

js中opener 和parent区别

[转]window.opener用法

js window.open的页面里关闭当前窗口,刷新原来的窗口

js window对象

open和opener使用說明

window.opener和window.open的使用