javascript showModalDialog,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ò)誤。
<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)前窗口的那個(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ù)";
- javascript showModalDialog模態(tài)對(duì)話框使用說明
- js的window.showModalDialog及window.open用法實(shí)例分析
- Javascript showModalDialog兩個(gè)窗體之間傳值
- JS中showModalDialog 的使用解析
- js showModalDialog參數(shù)的使用詳解
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- js showModalDialog彈出窗口實(shí)例詳解
- JavaScript中window.showModalDialog()用法詳解
- javascript showModalDialog 多層模態(tài)窗口實(shí)現(xiàn)頁面提交及刷新的代碼
- JS對(duì)話框_JS模態(tài)對(duì)話框showModalDialog用法總結(jié)
- javascript showModalDialog 內(nèi)跳轉(zhuǎn)頁面的問題
- js showModalDialog 彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體)
- JS中showModalDialog關(guān)閉子窗口刷新主窗口用法詳解
相關(guān)文章
javascript算法學(xué)習(xí)實(shí)現(xiàn)代碼
有1到100000共10萬個(gè)數(shù)。從中隨機(jī)抽走兩個(gè)。再把原來的數(shù)字順序打亂。如何快速找到被抽走的兩個(gè)數(shù)2011-04-04基于canvas實(shí)現(xiàn)超炫酷的流水燈效果
這篇文章主要為大家詳細(xì)介紹了基于canvas實(shí)現(xiàn)超炫酷的流水燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05js實(shí)現(xiàn)圖片上傳到服務(wù)器和回顯
這篇文章主要介紹了js實(shí)現(xiàn)圖片上傳到服務(wù)器和回顯,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01詳解Html a標(biāo)簽中href和onclick用法、區(qū)別、優(yōu)先級(jí)別
本文主要分享一篇關(guān)于Html A標(biāo)簽中href和onclick用法、區(qū)別、優(yōu)先級(jí)別,具有很好的參考價(jià)值,有需要了解的朋友可以看看2017-01-01js style.display=block顯示布局錯(cuò)亂問題的解決方法
下面小編就為大家?guī)硪黄猨s style.display=block顯示布局錯(cuò)亂問題的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09解析ES6中的解構(gòu)賦值(數(shù)組,對(duì)象,嵌套,默認(rèn)值)
解構(gòu)賦值是一種特殊的語法,它使我們可以將數(shù)組或?qū)ο蟆安鸢敝烈幌盗凶兞恐?,因?yàn)橛袝r(shí)這樣更方便,接下來通過本文給大家介紹ES6中的解構(gòu)賦值(數(shù)組,對(duì)象,嵌套,默認(rèn)值),需要的朋友可以參考下2022-11-11使用setTimeout實(shí)現(xiàn)SetInterval原理解析
這篇文章主要為大家介紹了使用setTimeout實(shí)現(xiàn)SetInterval原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10詳解微信小程序獲取當(dāng)前時(shí)間及日期的方法
這篇文章主要介紹了微信小程序獲取當(dāng)前時(shí)間及日期的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04js中int和string數(shù)據(jù)類型互相轉(zhuǎn)化實(shí)例
在本篇文章里小編給大家分享了關(guān)于js中int和string數(shù)據(jù)類型互相轉(zhuǎn)化實(shí)例和代碼,需要的朋友們學(xué)習(xí)下。2019-01-01js中json對(duì)象和字符串的理解及相互轉(zhuǎn)化操作實(shí)現(xiàn)方法
這篇文章主要介紹了js中json對(duì)象和字符串的理解及相互轉(zhuǎn)化操作實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了json對(duì)象與字符串的功能以及相互轉(zhuǎn)換操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09