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

Javascript 两个窗体之间传值实现代码_javascript技巧

程序员文章站 2022-05-16 22:10:35
...
如我们新建窗体FatherPage.htm:
XML-Code:
复制代码 代码如下:





然后在ChildPage.htm中即可通过window.opener来访问父窗体中的元素：
XML-Code:
复制代码 代码如下:





其实在打开子窗体的同时，我们也可以对子窗体的元素进行赋值，因为window.open函数同样会返回一个子窗体的引用，因此FatherPage.htm可以修改为：
XML-Code:
复制代码 代码如下:





通过判断子窗体的引用是否为空，我们还可以控制使其只能打开一个子窗体：
XML-Code:
复制代码 代码如下:





光这样还不够，当关闭子窗体时还必须对父窗体的child变量进行清空，否则打开子窗体后再关闭就无法再重新打开了：
XML-Code:
复制代码 代码如下:






相关标签： 窗体之间 传值

上一篇： 用wordpress快速搭建一个好看的网站(1)

下一篇： 一份PHP程序员面试题(基础型)

推荐阅读