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新手语法小结
Jun 15 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
react-router中的属性详解
Jun 01 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
vue element 中的table动态渲染实现(动态表头)
Nov 21 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
微信小程序云开发之使用云数据库
2019/05/17 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
如何基于线程池提升request模块效率
2020/04/18 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
信息专业本科生个人的自我评价
2013/10/28 职场文书
新闻学专业应届生求职信
2013/11/08 职场文书
导游的职业规划书范文
2013/12/27 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
新学期教师寄语
2014/04/02 职场文书
购房协议书
2014/04/11 职场文书
投资协议书范本
2014/04/21 职场文书
小学生通知书评语
2014/12/31 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技