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 ajax提交整个表单元素的快捷办法
Mar 27 Javascript
jquery.post用法示例代码
Jan 03 Javascript
js canvas实现擦除动画
Jul 16 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
Nov 30 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
vue移动端轻量级的轮播组件实现代码
Jul 12 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
node.js使用stream模块实现自定义流示例
Feb 13 Javascript
vue实现购物车列表
Jun 30 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
2006/12/14 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
Sample script that displays all of the users in a given SQL Server DB
2007/06/16 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
iphone刘海屏页面适配方法
2019/05/07 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
基于python实现微信模板消息
2015/12/21 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
python 进程的几种创建方式详解
2019/08/29 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
挑战杯创业计划书的写作指南
2014/01/07 职场文书
移风易俗倡议书
2014/04/15 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
骨干教师考核评语
2014/12/31 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
2016年寒假见闻
2015/10/10 职场文书
浅谈redis整数集为什么不能降级
2021/07/25 Redis