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 相关文章推荐
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
jQuery实现列表内容的动态载入特效
Aug 08 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
Jan 21 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详细彻底学习Smarty
2008/03/27 PHP
解析PHP留言本模块主要功能的函数说明(代码可实现)
2013/06/25 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
CSS JavaScript 实现菜单功能 改进版
2008/12/09 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
js Dialog 实践分享
2012/10/22 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
Python的Flask框架中web表单的教程
2015/04/20 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
Turnbull & Asser官网:英国皇室御用的顶级定制衬衫
2019/01/31 全球购物
文明礼仪小标兵事迹
2014/01/12 职场文书
初一学生评语大全
2014/04/24 职场文书
减负增效提质方案
2014/05/23 职场文书
老人与海读书笔记
2015/06/26 职场文书
城南旧事读书笔记
2015/06/29 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers
delete in子查询不走索引问题分析
2022/07/07 MySQL