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 EasyUI 中文API Button使用实例
Apr 14 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
Vue.directive 实现元素scroll逻辑复用
Nov 29 Javascript
js this 绑定机制深入详解
Apr 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 多行多列显示
2009/08/15 PHP
关于php fread()使用技巧
2010/01/22 PHP
PHP中strtotime函数使用方法分享
2012/01/10 PHP
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
php析构函数的简单使用说明
2015/08/24 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
php分页查询的简单实现代码
2017/03/14 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
给angular加上动画效遇到的问题总结
2016/02/17 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
web.py在SAE中的Session问题解决方法(使用mysql存储)
2015/06/24 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
python小项目之五子棋游戏
2019/12/26 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
员工自我鉴定
2013/10/09 职场文书
配件采购员岗位职责
2013/12/03 职场文书
企业统计员岗位职责
2013/12/13 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
大学生毕业求职信
2014/06/12 职场文书
植树节标语
2014/06/27 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
Java 定时任务技术趋势简介
2022/05/04 Java/Android