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

在最近開發的web項目中,經常用到頁面中嵌套很多的頁面,頁面間的傳值。
現在總結如下:
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="b.html" 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;

參考http://www.cnblogs.com/wangdaye/archive/2010/05/03/1726518.html

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章