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、子窗口關閉并刷新父口，這里有兩種方式：
1) 子窗口關閉時關閉父窗口：
opener.location.reload(); window.close();
2) 父窗口去檢測，子窗口是否已經(jīng)關閉了，在設定的一段時間之后自動刷新：
<script>
var newWindow;
var timer;
function openWindow(url) {
newWindow = window.open(url, "", "width=400,height=300,resizable=yes");
timer = setInterval("updateAfterClose()", 1000);
}
function updateAfterClose() {
//父窗口去檢測子窗口是否關閉，然后通過自我刷新，而不是子窗口去刷新父窗口
if(newWindow.closed == true) {
clearInterval(timer);
self.location.reload(); // 主窗口刷新
return;
}
}
</script>
4、父窗口關閉的時候關閉子窗口。這個就是用方法去檢測父窗口的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、子窗口中關閉父窗口，這個功能可能相對要少用一點：
<script>
function closeParent()
{
opener.close();
}
</script>
<input type=button value="關閉父窗口" onclick=closeParent()>
以上所述是小編給大家介紹的JavaScript中的子窗口與父窗口的互相調(diào)用問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
現(xiàn)在網(wǎng)上最流行方法是John Resig在《Pro JavaScript techniques》提出的offset大法，累加元素offsetParent的offsetLeft和offsetTop一直到DOM的頂層。2010-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)web簡易版的消滅星星，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)導航跟隨效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細介紹了小程序云開發(fā)之用戶注冊登錄，帶云數(shù)據(jù)庫配置，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
本文通過實例代碼給大家介紹了使用微信小程序開發(fā)彈出框功能,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10
淺談Javascript中Object與Function對象
JavaScript的面向?qū)ο笫腔谠蔚模袑ο蠖加幸粭l屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對象的實例2015-09-09
JavaScript記錄光標在編輯器中位置的實現(xiàn)方法
這篇文章主要介紹了JavaScript記錄光標在編輯器中位置的實現(xiàn)方法,涉及JavaScript鼠標事件結(jié)合頁面元素的操作技巧,需要的朋友可以參考下2016-04-04
基于javascript實現(xiàn)tab選項卡切換特效調(diào)試筆記
這篇文章主要介紹了基于javascript實現(xiàn)tab選項卡切換特效調(diào)試筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了EditPlus 正則表達式 實戰(zhàn)(3)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
下面小編就為大家?guī)硪黄钊肫饰鰆avascript中的exec與match方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05