javascript showModalDialog,open取得父窗口的方法
更新時間：2010年03月10日 20:03:37 作者：
showModalDialog,open取得父窗口的代碼，需要的朋友可以參考下。
通常使用window.open的方式開啟新窗口的話
要取得父窗口的控件，可以用window.opener來取得父窗口
然而如果使用showModalDialog的話...卻無效
如果有需要的話，需要修改開啟的語法以及showModalDialog中的語法
開啟語法第2個參數(shù)請下self,范例如下
var rc=window.showModalDialog(strURL,self,sFeatures);
然后接著就是呼叫父窗口的語法
var pWindow=window.dialogArguments;
這樣就可以取得父窗口的window對象控制了。例如：
window.dialogArguments.document.getElementsByName("processId")[0].value;
js中 opener和parent的區(qū)別
opener即誰打開我的，比如A頁面利用window.open彈出了B頁面窗口，那么A頁面所在窗口就是B頁面的
opener，在B頁面通過opener對象可以訪問A頁面。
parent表示父窗口，比如一個A頁面利用iframe或frame調(diào)用B頁面，那么A頁面所在窗口就是B頁面的
parent。
在JS中，window.opener只是對彈出窗口的母窗口的一個引用。比如：
a.html中，通過點擊按鈕等方式window.open出一個新的窗口b.html。那么在b.html中，就可以通過
window.opener（省略寫為opener）來引用a.html，包括a.html的document等對象，操作a.html的內(nèi)容。
假如這個引用失敗，那么將返回null。所以在調(diào)用opener的對象前，要先判斷對象是否為null，否則會
出現(xiàn)“對象為空或者不存在”的JS錯誤。
<html>
<body>
<form. name=form1>
<input type=text name=inpu >
<input type=button >
</form>
</body>
</html>
back2opener.html
<html>
<body>
<form. name=form1>
<input type=text name=inpu >
<a class=under href=# >添加</a>
</form>
</body>
</html>
window.opener 返回的是創(chuàng)建當(dāng)前窗口的那個窗口的引用，比如點擊了a.htm上的一個鏈接而打開了
b.htm，然后我們打算在b.htm上輸入一個值然后賦予a.htm上的一個id為“name”的textbox中，就可以
寫為：
window.opener.document.getElementById("name").value = "輸入的數(shù)據(jù)";
要取得父窗口的控件，可以用window.opener來取得父窗口
然而如果使用showModalDialog的話...卻無效
如果有需要的話，需要修改開啟的語法以及showModalDialog中的語法
開啟語法第2個參數(shù)請下self,范例如下
var rc=window.showModalDialog(strURL,self,sFeatures);
然后接著就是呼叫父窗口的語法
var pWindow=window.dialogArguments;
這樣就可以取得父窗口的window對象控制了。例如：
window.dialogArguments.document.getElementsByName("processId")[0].value;
js中 opener和parent的區(qū)別
opener即誰打開我的，比如A頁面利用window.open彈出了B頁面窗口，那么A頁面所在窗口就是B頁面的
opener，在B頁面通過opener對象可以訪問A頁面。
parent表示父窗口，比如一個A頁面利用iframe或frame調(diào)用B頁面，那么A頁面所在窗口就是B頁面的
parent。
在JS中，window.opener只是對彈出窗口的母窗口的一個引用。比如：
a.html中，通過點擊按鈕等方式window.open出一個新的窗口b.html。那么在b.html中，就可以通過
window.opener（省略寫為opener）來引用a.html，包括a.html的document等對象，操作a.html的內(nèi)容。
假如這個引用失敗，那么將返回null。所以在調(diào)用opener的對象前，要先判斷對象是否為null，否則會
出現(xiàn)“對象為空或者不存在”的JS錯誤。
復(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)前窗口的那個窗口的引用，比如點擊了a.htm上的一個鏈接而打開了
b.htm，然后我們打算在b.htm上輸入一個值然后賦予a.htm上的一個id為“name”的textbox中，就可以
寫為：
window.opener.document.getElementById("name").value = "輸入的數(shù)據(jù)";
您可能感興趣的文章:
- javascript showModalDialog模態(tài)對話框使用說明
- js的window.showModalDialog及window.open用法實例分析
- Javascript showModalDialog兩個窗體之間傳值
- JS中showModalDialog 的使用解析
- js showModalDialog參數(shù)的使用詳解
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- js showModalDialog彈出窗口實例詳解
- JavaScript中window.showModalDialog()用法詳解
- javascript showModalDialog 多層模態(tài)窗口實現(xiàn)頁面提交及刷新的代碼
- JS對話框_JS模態(tài)對話框showModalDialog用法總結(jié)
- javascript showModalDialog 內(nèi)跳轉(zhuǎn)頁面的問題
- js showModalDialog 彈出對話框的簡單實例(子窗體)
- JS中showModalDialog關(guān)閉子窗口刷新主窗口用法詳解
相關(guān)文章
微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果，代碼很簡單，直接復(fù)制即可根據(jù)自己的需求去修改，對小程序商品數(shù)據(jù)聯(lián)動實例代碼感興趣的朋友一起看看吧2022-08-08
本篇文章主要介紹了requirejs按需加載angularjs文件實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
Egg.js構(gòu)建一個stream流式接口服務(wù)實現(xiàn)詳解
這篇文章主要為大家介紹了Egg.js構(gòu)建一個stream流式接口服務(wù)實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-09-09
layui數(shù)據(jù)表格重載實現(xiàn)往后臺傳參
今天小編就為大家分享一篇layui數(shù)據(jù)表格重載實現(xiàn)往后臺傳參，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
js判斷復(fù)選框是否選中及選中個數(shù)的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s判斷復(fù)選框是否選中及選中個數(shù)的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了深入解析JS實現(xiàn)3D標簽云的原理與方法,結(jié)合實例形式詳細分析了3D標簽云原理、實現(xiàn)技巧與相關(guān)操作注意事項,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)大圖輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JavaScript實現(xiàn)櫥窗展示效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
JavaScript實現(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實現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文大寫,感興趣的小伙伴跟著小編一起來看看吧2024-05-05
JavaScript模擬實現(xiàn)Promise功能的示例代碼
這篇文章主要為大家詳細介紹了JavaScript如何模擬實現(xiàn)Promise功能，文中的示例代碼講解詳細，對我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下2022-12-12