萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js opener的使用詳解

js opener的使用詳解

 在JS中,window.opener只是對彈出窗口的母窗口的一個引用。本篇文章主要是對js中opener的使用進行了詳細介紹,需要的朋友可以過來參考下,希望對大家有所幫助

在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 name=inpu > <input type=button  onclick="javascript:window.open('back2opener.html?toname=opener.form1.inpu');"> </form> </body> </html>   back2opener.html 代碼如下: <html> <body> <form name=form1> <input type=text name=inpu >   <a class=under href=# onclick="{opener.document.form1.inpu.value+='孫超,';}">添加</a> </form> </body> </html>     JS代碼:  window.open();  而當支付成功後,需要關閉支付平台支付成功界面,並在客戶端加載客戶端支付成功頁面,JS代碼:  window.opener.location.href=url;window.close(); 
copyright © 萬盛學電腦網 all rights reserved