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 相关文章推荐
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
jquery showModelDialog的使用方法示例详解
Nov 19 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
require、backbone等重构手机图片查看器
Nov 17 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
前端vue如何使用高德地图
Nov 05 Javascript
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防注入代码
2010/04/07 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
php构造函数与析构函数
2016/04/23 PHP
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
2015/10/01 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
vue制作加载更多功能的正确打开方式
2016/10/12 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
python使用PyFetion来发送短信的例子
2014/04/22 Python
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
Python3 main函数使用sys.argv传入多个参数的实现
2019/12/25 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
Liu Jo西班牙官网:意大利服装品牌
2019/09/11 全球购物
医药专业应届毕业生求职信范文
2014/01/01 职场文书
元旦晚会活动总结
2014/07/09 职场文书
活动简报范文
2015/07/22 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers