javascript showModalDialog,open取得父窗口的方法

更新時(shí)間：2010年03月10日 20:03:37 作者：

showModalDialog,open取得父窗口的代碼，需要的朋友可以參考下。

通常使用window.open的方式開啟新窗口的話
要取得父窗口的控件，可以用window.opener來取得父窗口
然而如果使用showModalDialog的話...卻無效
如果有需要的話，需要修改開啟的語法以及showModalDialog中的語法
開啟語法第2個(gè)參數(shù)請(qǐng)下self,范例如下
var rc=window.showModalDialog(strURL,self,sFeatures);
然后接著就是呼叫父窗口的語法
var pWindow=window.dialogArguments;
這樣就可以取得父窗口的window對(duì)象控制了。例如：
window.dialogArguments.document.getElementsByName("processId")[0].value;

js中 opener和parent的區(qū)別

opener即誰打開我的，比如A頁面利用window.open彈出了B頁面窗口，那么A頁面所在窗口就是B頁面的
opener，在B頁面通過opener對(duì)象可以訪問A頁面。
parent表示父窗口，比如一個(gè)A頁面利用iframe或frame調(diào)用B頁面，那么A頁面所在窗口就是B頁面的
parent。
在JS中，window.opener只是對(duì)彈出窗口的母窗口的一個(gè)引用。比如：
a.html中，通過點(diǎn)擊按鈕等方式window.open出一個(gè)新的窗口b.html。那么在b.html中，就可以通過
window.opener（省略寫為opener）來引用a.html，包括a.html的document等對(duì)象，操作a.html的內(nèi)容。
假如這個(gè)引用失敗，那么將返回null。所以在調(diào)用opener的對(duì)象前，要先判斷對(duì)象是否為null，否則會(huì)
出現(xiàn)“對(duì)象為空或者不存在”的JS錯(cuò)誤。

復(fù)制代碼代碼如下:

 
<html> 
<body> 
<form. name=form1> 
<input type=text name=inpu > 
<input type=button > 
</form> 
</body> 
</html> 

back2opener.html

復(fù)制代碼代碼如下:

 
<html> 
<body> 
<form. name=form1> 
<input type=text name=inpu > 
<a class=under href=# >添加</a> 
</form> 
</body> 
</html> 

window.opener 返回的是創(chuàng)建當(dāng)前窗口的那個(gè)窗口的引用，比如點(diǎn)擊了a.htm上的一個(gè)鏈接而打開了
b.htm，然后我們打算在b.htm上輸入一個(gè)值然后賦予a.htm上的一個(gè)id為“name”的textbox中，就可以
寫為：
window.opener.document.getElementById("name").value = "輸入的數(shù)據(jù)";

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動(dòng)效果，代碼很簡(jiǎn)單，直接復(fù)制即可根據(jù)自己的需求去修改，對(duì)小程序商品數(shù)據(jù)聯(lián)動(dòng)實(shí)例代碼感興趣的朋友一起看看吧
2022-08-08
requirejs按需加載angularjs文件實(shí)例
本篇文章主要介紹了requirejs按需加載angularjs文件實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
Egg.js構(gòu)建一個(gè)stream流式接口服務(wù)實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了Egg.js構(gòu)建一個(gè)stream流式接口服務(wù)實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-09-09
layui數(shù)據(jù)表格重載實(shí)現(xiàn)往后臺(tái)傳參
今天小編就為大家分享一篇layui數(shù)據(jù)表格重載實(shí)現(xiàn)往后臺(tái)傳參，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
js判斷復(fù)選框是否選中及選中個(gè)數(shù)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s判斷復(fù)選框是否選中及選中個(gè)數(shù)的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
深入解析JS實(shí)現(xiàn)3D標(biāo)簽云的原理與方法
這篇文章主要介紹了深入解析JS實(shí)現(xiàn)3D標(biāo)簽云的原理與方法,結(jié)合實(shí)例形式詳細(xì)分析了3D標(biāo)簽云原理、實(shí)現(xiàn)技巧與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-08-08
JavaScript實(shí)現(xiàn)大圖輪播效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)大圖輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
JavaScript實(shí)現(xiàn)櫥窗展示效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)櫥窗展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文大寫
現(xiàn)在有需求將億元之內(nèi)的阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文,例如：1234轉(zhuǎn)換后變?yōu)橐磺Ф偃脑俎D(zhuǎn)換成壹仟貳佰叁拾肆,所以本文給大家介紹了用JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文大寫,感興趣的小伙伴跟著小編一起來看看吧
2024-05-05
JavaScript模擬實(shí)現(xiàn)Promise功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何模擬實(shí)現(xiàn)Promise功能，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下
2022-12-12