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升级新版本后选择器的语法问题
Jun 02 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 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中调用JAVA
2006/10/09 PHP
PHP中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
Laravel+Intervention实现上传图片功能示例
2019/07/09 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
深入浅析vue组件间事件传递
2017/12/29 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
python tkinter实现彩球碰撞屏保
2019/07/30 Python
python 类之间的参数传递方式
2019/12/20 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
求职教师自荐书
2014/06/19 职场文书
优秀教师申报材料
2014/12/16 职场文书
总账会计岗位职责
2015/04/02 职场文书
检讨书格式
2015/05/07 职场文书
辛亥革命观后感
2015/06/02 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
《中国古代诗歌散文欣赏》高中语文教材
2019/08/20 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers