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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
vue v-on监听事件详解
May 17 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
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
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
Jquery submit()无法提交问题
2013/04/21 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
详解Django中的form库的使用
2015/07/18 Python
python实现简单socket通信的方法
2016/04/19 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
让IE支持CSS3的不完全兼容方案
2014/09/19 HTML / CSS
三八活动策划方案
2014/08/17 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
vue实现简易音乐播放器
2022/08/14 Vue.js