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性能最佳实践的讨论,与求教
Mar 30 Javascript
jquery时间下拉框小例子
Apr 15 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 Javascript
js生成随机数之random函数随机示例
Dec 20 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 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
isset和empty的区别
2007/01/15 PHP
php学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
javascript 短路法代码精简
2009/08/20 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
js输出列表实现代码
2010/09/12 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
2013/10/23 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
详解vue渲染函数render的使用
2017/12/12 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
详解Python中的正则表达式的用法
2015/04/09 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
python绘制双柱形图代码实例
2017/12/14 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
python如何统计代码运行的时长
2019/07/24 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
Python获取时间戳代码实例
2019/09/24 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
python将图片转base64,实现前端显示
2020/01/09 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
中学生寄语大全
2014/04/03 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
爱心活动计划书
2014/04/26 职场文书
优秀班主任材料
2014/12/16 职场文书
感谢信格式范文
2015/01/22 职场文书
初婚未育证明样本
2015/06/18 职场文书