js實現window.open()彈出視窗和父視窗之間相互操作

在實際應用中，可能需要父子視窗相互操作，下面就來做一下簡單介紹。

一.父窗體操作子視窗:

window.open()可以返回視窗物件，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var opW = window.open("tests.html","popup","width=300,height=300");

如果要關閉子視窗，可以直接使用如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
opW.close()

下面再分享一個在父視窗中操作子視窗元素的程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
opW.document.getElementById("antzone").innerHTML="螞蟻部落";

二.子視窗操作父視窗元素:

在子視窗中，可以使用window.opener來引用父視窗物件，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
window.opener.document.getElementById("softwhy").innerHTML="螞蟻部落";