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="前端教程网";

回复

我来回复
  • 暂无回复内容