DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js opener的使用詳解
js opener的使用詳解
編輯:關於JavaScript     

在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();

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved