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 相关文章推荐
基于jquery的一个图片hover的插件
Apr 24 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
如何理解jQuery中的ajaxSubmit方法
Mar 13 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
Apr 19 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 26 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
php 清除网页病毒的方法
2008/12/05 PHP
一个很不错的PHP翻页类
2009/06/01 PHP
深入解析php之apc
2013/05/15 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
python批量同步web服务器代码核心程序
2014/09/01 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
python利用7z批量解压rar的实现
2019/08/07 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
tornado+celery的简单使用详解
2019/12/21 Python
使用Python发现隐藏的wifi
2020/03/04 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
给儿子的表扬信
2014/01/15 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA