JS window对象的top、parent、opener含义介绍


Posted in Javascript onDecember 03, 2013

1.top
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。
2.opener
opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方
法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。
3.parent
parent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中有一个iframe或frame,那么iframe
或frame中的页面就可以通过parent对象来引用A页面中的对象。这样就可以获取或返回值到A页面中。
4.另外self 指的是当前窗口

parent与opener的区别:

parent指父窗口,在FRAMESET中,FRAME的PARENT就是FRAMESET窗口。
opener指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
parent是相对于框架来说父窗口对象
opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有

document.parentWindow.menthod()?用父?面的方法

附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系
Window对象→Parent对象→Frame对象→Document对象→Form对象,
如下: parent.frame1.document.forms[0].elements[0].value;

Javascript 相关文章推荐
css结合js制作下拉菜单示例代码
Feb 27 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
Node.js log4js日志管理详解
Jul 31 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
javascript 原型与原型链的理解及应用实例分析
Feb 10 Javascript
微信小程序实现上传多张图片、删除图片
Jul 29 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
javascript实现信息的显示和隐藏如注册页面
Dec 03 #Javascript
一个js控制的导航菜单实例代码
Dec 03 #Javascript
JS与C#编码解码
Dec 03 #Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 #Javascript
浅析JavaScript原型继承的陷阱
Dec 03 #Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 #Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 #Javascript
You might like
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
浅谈php和.net的区别
2014/09/28 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
非主流的textarea自增长实现js代码
2011/12/20 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
Python 获得13位unix时间戳的方法
2017/10/20 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
Python函数调用追踪实现代码
2020/11/27 Python
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
社区庆中秋节活动方案
2014/02/07 职场文书
就业意向书范文
2014/04/01 职场文书
本科应届生自荐信
2014/06/29 职场文书
县政府办公室领导班子对照检查材料思想汇报
2014/09/28 职场文书
家长学校教学计划
2015/01/19 职场文书
一个都不能少观后感
2015/06/04 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书