JavaScript中的子窗口與父窗口的互相調(diào)用問題
注意:要用open打開才行,如果用openModal打開則會訪問不到opener.
open的參數(shù):
window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
參數(shù)說明
'page.html' 彈出窗口的文件名; 'newwindow' 彈出的新窗口的名字,非必須,可用空''代替;
height=100 高度; width=400 寬度; top=0 窗口距離屏幕上方的象素值; left=0 窗口距離屏幕左側(cè)的象素值;
toolbar=no 是否顯示工具欄,yes為顯示; menubar,scrollbars 表示菜單欄和滾動欄;
resizable=no 是否允許改變窗口大小,yes為允許; location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;
1、從子窗口中往父窗口傳值
如父頁面有一個控制的id是choosedProvider,那么這樣可以把值傳給父頁面:
opener.document.getElementById("choosedProvider").value="Tom";
2、從父窗口傳值給子窗口,如子窗口中有id為T的控件,此時可以用如下傳值:
<script> var newWindow; function openWindow(url){ newWindow = window.open(“new.htm”, "", "width=400,height=300 "); } function changeChild(){ newWindow.document.getElementById("T").value="我變了"; } </script>
3、子窗口關(guān)閉并刷新父口,這里有兩種方式:
1) 子窗口關(guān)閉時關(guān)閉父窗口:
opener.location.reload(); window.close();
2) 父窗口去檢測,子窗口是否已經(jīng)關(guān)閉了,在設(shè)定的一段時間之后自動刷新:
<script> var newWindow; var timer; function openWindow(url) { newWindow = window.open(url, "", "width=400,height=300,resizable=yes"); timer = setInterval("updateAfterClose()", 1000); } function updateAfterClose() { //父窗口去檢測子窗口是否關(guān)閉,然后通過自我刷新,而不是子窗口去刷新父窗口 if(newWindow.closed == true) { clearInterval(timer); self.location.reload(); // 主窗口刷新 return; } } </script>
4、父窗口關(guān)閉的時候關(guān)閉子窗口。這個就是用方法去檢測父窗口的onunload事件:
<script> var newWindow; function openWindow(url) { newWindow = window.open(url, "", "width=400,height=300,resizable=yes"); } function closeChild() { newWindow.close(); } </script>
在body加上onunload事件:
<body onunload="closeChild()">
5、子窗口中關(guān)閉父窗口,這個功能可能相對要少用一點(diǎn):
<script> function closeParent() { opener.close(); } </script> <input type=button value="關(guān)閉父窗口" onclick=closeParent()>
以上所述是小編給大家介紹的JavaScript中的子窗口與父窗口的互相調(diào)用問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JavaScript子窗口調(diào)用父窗口變量和函數(shù)的方法
- JavaScript實(shí)現(xiàn)彈出子窗口并傳值給父窗口
- jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
- js父窗口關(guān)閉時子窗口隨之關(guān)閉完美解決方案
- js關(guān)閉父窗口時關(guān)閉子窗口
- JavaScript子窗口ModalDialog中操作父窗口對像
- js 父窗口控制子窗口的行為-打開,關(guān)閉,重定位,回復(fù)
- 用javascript實(shí)現(xiàn)始終保持打開同一個子窗口以及關(guān)閉父窗口同時自動關(guān)閉所有子窗口
- 用javascript父窗口控制只彈出一個子窗口
相關(guān)文章
使用微信小程序開發(fā)彈出框應(yīng)用實(shí)例詳解
本文通過實(shí)例代碼給大家介紹了使用微信小程序開發(fā)彈出框功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10淺談Javascript中Object與Function對象
JavaScript的面向?qū)ο笫腔谠蔚?,所有對象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function , Function instanceof Object都為true而迷惑,所以首先看下對象的實(shí)例2015-09-09JavaScript記錄光標(biāo)在編輯器中位置的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript記錄光標(biāo)在編輯器中位置的實(shí)現(xiàn)方法,涉及JavaScript鼠標(biāo)事件結(jié)合頁面元素的操作技巧,需要的朋友可以參考下2016-04-04基于javascript實(shí)現(xiàn)tab選項(xiàng)卡切換特效調(diào)試筆記
這篇文章主要介紹了基于javascript實(shí)現(xiàn)tab選項(xiàng)卡切換特效調(diào)試筆記,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03EditPlus 正則表達(dá)式 實(shí)戰(zhàn)(3)
這篇文章主要介紹了EditPlus 正則表達(dá)式 實(shí)戰(zhàn)(3)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12