JavaScript父子窗体间的调用方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中获取元素索引的函数
Sep 10 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
禁止IE用右键的JS代码
Dec 30 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
JavaScript操作cookie类实例
Mar 31 #Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 #Javascript
javascript制作2048游戏
Mar 30 #Javascript
JavaScript模拟实现继承的方法
Mar 30 #Javascript
jQuery制作可自定义大小的拼图游戏
Mar 30 #Javascript
JS实现向表格中动态添加行的方法
Mar 30 #Javascript
JS实现向表格行添加新单元格的方法
Mar 30 #Javascript
You might like
与数据库连接
2006/10/09 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
PHP错误处理函数
2016/04/03 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
一个挺有意思的Javascript小问题说明
2011/09/26 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
vue权限问题的完美解决方案
2019/05/08 Javascript
JS实现“全选”和"全不选"功能代码实例
2020/02/06 Javascript
Vue性能优化的方法
2020/07/30 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
python如何查看系统网络流量的信息
2016/09/12 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
python支持多线程的爬虫实例
2019/12/21 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
护理自荐信范文
2013/10/05 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
财务会计大学生自我评价
2014/04/09 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
装修协议书范本
2014/04/21 职场文书
特教教师先进事迹
2014/05/21 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
两行代码解决Jupyter Notebook中文不能显示的问题
2021/04/24 Python
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android