JS window对象的top、parent、opener含义介绍

 更新时间:2013年12月03日 17:18:49   作者:  
本文为大家介绍下JS window对象的top、parent、opener含义,不了解的朋友可以参考下,希望对大家有所帮助

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;

相关文章

  • ES6正则表达式扩展笔记

    ES6正则表达式扩展笔记

    正则表达式是javascript操作字符串的一个重要组成部分,然而,在ES6中,随着字符串操作的变更, ES6也对正则表达式进行了一些更新。本文将详细介绍ES6正则表达式扩展
    2017-07-07
  • 你有必要知道的25个JavaScript面试题

    你有必要知道的25个JavaScript面试题

    这篇文章主要为大家分享了我们有必要知道的25个JavaScript面试题。想要顺利通过面试的朋友可以参考一下
    2015-12-12
  • js自定义trim函数实现删除两端空格功能

    js自定义trim函数实现删除两端空格功能

    这篇文章主要介绍了js自定义trim函数实现删除两端空格功能,结合实例形式分析了javascript基于正则替换实现类似trim函数删除字符串两端空格的相关操作技巧,并附带jQuery类似功能函数使用方法,需要的朋友可以参考下
    2018-02-02
  • 微信小程序通过保存图片分享到朋友圈功能

    微信小程序通过保存图片分享到朋友圈功能

    小程序内是不能直接分享到朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。下面小编给大家分享实现代码,需要的朋友参考下吧
    2018-05-05
  • PHP abstract与interface之间的区别

    PHP abstract与interface之间的区别

    本文是对PHP中abstract与interface之间的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JS手搓Promise的常见方法总结

    JS手搓Promise的常见方法总结

    这篇文章主要为大家详细介绍了JavaScript中手写Promise的一些常见方法,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下
    2023-09-09
  • javascript 去字符串空格终极版(支持utf8)

    javascript 去字符串空格终极版(支持utf8)

    其实空格有两个,一个ASCII编号是32,另一个是ASCII编号是160.后者是unicode编码。以前写一个贴子ie6下准确判断空格还以是IE6不能正确判断空格。
    2009-11-11
  • javascript(js)的小数点乘法除法问题详解

    javascript(js)的小数点乘法除法问题详解

    本篇文章主要是对javascript(js)中的小数点乘法除法问题进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • 微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

    微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例

    这篇文章主要介绍了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法,较为详细的分析了预览图片接口及与拍照或手机相册中选图接口的功能、调用方法与相关使用技巧,需要的朋友可以参考下
    2016-10-10
  • JavaScript 引用类型之原始值包装类型String

    JavaScript 引用类型之原始值包装类型String

    这篇文章主要介绍了JavaScript 引用类型之原始值包装类型String,String是对应字符串的引用类型。要创建一个String 对象,使用String 构造函数并传入一个数值,更多相关内容需要的朋友可以参考一下
    2022-07-07

最新评论