js实现window.open()弹出窗口和父窗口之间相互操作
分类:实例代码
在实际应用中,可能需要父子窗口相互操作,下面就来做一下简单介绍。
一.父窗体操作子窗口:
window.open()可以返回窗口对象,代码如下:
var opW = window.open("tests.html","popup","width=300,height=300");
如果要关闭子窗口,可以直接使用如下代码:
opW.close()
下面再分享一个在父窗口中操作子窗口元素的代码实例:
opW.document.getElementById("antzone").innerHTML="前端教程网";
二.子窗口操作父窗口元素:
在子窗口中,可以使用window.opener来引用父窗口对象,代码实例如下:
window.opener.document.getElementById("softwhy").innerHTML="前端教程网";
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu