js子視窗與父視窗的呼叫

阿新 • • 發佈：2019-01-14

子視窗與父視窗的呼叫

注意：要用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、子視窗關閉並重新整理父口，這裡有兩種方式：
a)子視窗關閉時關閉父視窗：

opener.location.reload();  
window.close();

b)父視窗去檢測，子視窗是否已經關閉了，在設定的一段時間之後自動重新整理：

<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()>

js子視窗與父視窗的呼叫

js子視窗與父視窗的呼叫

子視窗與父視窗之間訊息

js中子視窗與父視窗的互操作

以申購單為例項，講解Jquery動態刪減行,新增行新增滑鼠事件，子視窗與父視窗傳值，自動計算金額，及輸入值的驗證，前臺資料批量提交到後臺action

子視窗與父視窗互動

Java子類與父類呼叫關係學習筆記

js建立子視窗，並通過子視窗操作父視窗的物件

JS——子視窗向父視窗傳值（radio選中的列值）

iframe子頁面與父頁面元素的訪問以及js變量的訪問

js之iframe子頁面與父頁面通信

QT 子視窗和父視窗之間傳輸資料

關於iframe與父視窗元素選取的問題

子類與父類之間的方法過載、隱藏、重寫與虛方法呼叫

父視窗與擁有者視窗(Parent VS Owner)

QT子視窗在父視窗上顯示

[轉載]MFC子視窗和父視窗（SetParent,SetOwner）

java swing 彈出對話方塊與父視窗傳值例項

iframe與父視窗之間資料互相獲取

關於子視窗重新整理父視窗(iframe)的問題？

MFC中使用GetParent獲得子視窗的父視窗控制代碼

js子視窗與父視窗的呼叫

相關推薦