欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript父子窗体间的调用方法_javascript技巧

程序员文章站 2022-05-17 17:58:11
...
本文实例讲述了JavaScript父子窗体间的调用方法。分享给大家供大家参考。具体如下:

如果要打开一个新窗口,使用 window.open( ) 方法。

如果要关闭自身窗口,使用 window.close( ) 方法。

一、父窗体

为了便于父窗口操作子窗口,可以为 window.open( ) 方法定义一个变量,例如:

var opW = window.open("tests.html","popup","width=300,height=300");

这样,要关闭子窗口可直接使用:opW.close( ) 方法。

如果父窗体要操作子窗口元素,代码如下:

复制代码 代码如下:
opW.document.getElementById("fartherWindowTxt").innerHTML = "操作子窗口";

二、子窗体

子窗口可以使用window.opener 来引用父窗口,代码如下:

复制代码 代码如下:
window.opener.document.getElementById("fartherWindowTxt").innerHTML= "子窗口操作父窗口!";

希望本文所述对大家的javascript程序设计有所帮助。