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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
关于Ajax的原理以及代码封装详解
Sep 08 Javascript
分析javascript原型及原型链
Mar 18 Javascript
基于axios 解决跨域cookie丢失的问题
Sep 26 Javascript
深入理解javascript prototype的相关知识
Sep 19 Javascript
ssm+vue前后端分离框架整合实现(附源码)
Jul 08 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中遍历二维数组的几种方法详解
2013/06/08 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
PHP解决中文乱码
2017/04/28 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
2011/10/31 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
Jquery跨域获得Json的简单实例
2016/05/18 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
Python 3.8正式发布重要新功能一览
2019/10/17 Python
Python中return函数返回值实例用法
2020/11/19 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
《曹刿论战》教学反思
2014/03/02 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
星级党支部申报材料
2014/05/31 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
避暑山庄导游词
2015/02/04 职场文书
爱的教育观后感
2015/06/17 职场文书
行政处罚事先告知书
2015/07/01 职场文书
音乐研修感悟
2015/11/18 职场文书