js opener的使用詳解
更新時(shí)間：2014年01月11日 10:27:04 作者：
在JS中，window.opener只是對彈出窗口的母窗口的一個(gè)引用。本篇文章主要是對js中opener的使用進(jìn)行了詳細(xì)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
在JS中，window.opener只是對彈出窗口的母窗口的一個(gè)引用。比如：
a.html中，通過點(diǎn)擊按鈕等方式window.open出一個(gè)新的窗口b.html。那么在b.html中，就可以通過window.opener（省略寫為opener）來引用a.html，包括a.html的document等對象，操作a.html的內(nèi)容。
假如這個(gè)引用失敗，那么將返回null。所以在調(diào)用opener的對象前，要先判斷對象是否為null，否則會出現(xiàn)“對象為空或者不存在”的JS錯(cuò)誤。
例子
opener.html
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
<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()；
而當(dāng)支付成功后，需要關(guān)閉支付平臺支付成功界面，并在客戶端加載客戶端支付成功頁面，JS代碼:
window.opener.location.href=url;window.close();
相關(guān)文章
javascript replace()正則替換實(shí)現(xiàn)代碼
javascript-replace()基礎(chǔ)，一次完成將"<,>"替換"<>"實(shí)例2010-02-02
這篇文章主要介紹了微信小程序之事件交互操作,結(jié)合實(shí)例形式分析了微信小程序事件響應(yīng)、交互及界面布局等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JS實(shí)戰(zhàn)篇之收縮菜單表單布局的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
頁面加載完后自動(dòng)執(zhí)行一個(gè)方法的js代碼
這篇文章主要介紹了加載完成一個(gè)頁面后自動(dòng)執(zhí)行一個(gè)方法，很簡單很實(shí)用，需要的朋友可以參考下2014-09-09
js簡易namespace管理器 實(shí)例代碼，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了解決URL地址中的中文亂碼問題的辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
JavaScript中令你抓狂的魔術(shù)變量...2006-11-11
JS函數(shù)節(jié)流和防抖之間的區(qū)分和實(shí)現(xiàn)詳解
本文主要介紹的是關(guān)于JS中比較常用的函數(shù)：節(jié)流函數(shù)和防抖函數(shù)，從概念、使用場景到代碼簡單實(shí)現(xiàn)做了一個(gè)詳細(xì)的區(qū)分。感興趣的小伙伴們可以參考一下2019-01-01
JavaScript動(dòng)態(tài)數(shù)量的文件上傳控件
本文給大家分享一段js代碼關(guān)于動(dòng)態(tài)數(shù)量的文件上傳控件，代碼簡單易懂，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看2016-11-11
js中的繼承與其說是對象的繼承,但更像是讓函數(shù)的功能和用法的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于js中常見的6種繼承方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01