JAVASCRIPT之子窗口與父窗口的互調

2024-04-27 15:13:04

字體：大中小

來源：轉載

供稿：網友

注意：要用open打開才行，如果用openModal打開則會訪問不到opener.open的參數：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') 參數說明'page.html' 彈出窗口的文件名; 'newwindow' 彈出的新窗口的名字,非必須,可用空''代替; height=100 高度; width=400 寬度; top=0 窗口距離屏幕上方的象素值; left=0 窗口距離屏幕左側的象素值; toolbar=no 是否顯示工具欄，yes為顯示; menubar，scrollbars 表示菜單欄和滾動欄;resizable=no 是否允許改變窗口大小,yes為允許; location=no 是否顯示地址欄,yes為允許;status=no 是否顯示狀態欄內的信息（通常是文件已經打開）,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) 父窗口去檢測，子窗口是否已經關閉了，在設定的一段時間之后自動刷新：<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()>

上一篇：全面禁止鼠標右鍵、FX、ALT、CTRL、SHIFT等

下一篇：JAVASCRIPT之導航欄鼠標點擊變色特效