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

原创 2013年12月04日 11:23:55
本文为大家介绍下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;

通过<frameset>和<iframe>解析js中window对象parent、self、top的区别

、、这3个html元素的区别,可以参考这篇文章"frame,iframe,frameset之间的关系与区别"。标准的使用方式如下: [html] view plaincopy ...
  • gdfgdfk
  • gdfgdfk
  • 2015年06月08日 21:33
  • 1133

用面向对象的Javascript来介绍一下自己

看了一道题目《用面向对象的Javascript来介绍一下自己》,然后自己觉得挺好玩的,所以就编写如下的代码。...
  • Monkind
  • Monkind
  • 2014年11月15日 16:12
  • 2690

深入理解Javascript window对象

首先看我们的源代码。 深入理解Javascript console.log(this); ...
  • zoutongyuan
  • zoutongyuan
  • 2014年06月08日 13:11
  • 7044

重走JAVA编程路:Js中self,top,parent,opener详解,傻傻分不清楚

昨天项目遇到的问题:取上级window窗口对象时,傻傻分不清楚!你能分清楚吗?   当我们在浏览器中打开一个网页时,浏览器都会创建一个窗口对象,这个窗口就是一个window对象。也就是Js生存依附...
  • u013126903
  • u013126903
  • 2017年03月04日 15:42
  • 255

window.parent与window.opener区别介绍

来自:http://www.jb51.net/article/30086.htm 首先来说说 parent.window与top.window的用法  "window.location.href"...
  • Love_5209
  • Love_5209
  • 2014年04月03日 09:14
  • 1047

通过<frameset>和<iframe>看JavaScript中window对象parent、self、top的区别

可以看到a.html能够通过或者包含另一个b.html,而b.html中也可以用同样的方式嵌套c.html。这样就在不同的html之间形成了明显的层次(父子)关系。我们知道每一个html都对应1个js...
  • aitangyong
  • aitangyong
  • 2015年06月08日 09:35
  • 2816

top,parent,opener,iframe

1.opener:指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。  2.top:  该变更永远指分割窗口最高层次的浏览器窗口。  3.parent:  该变量指的是包含当前分割窗口...
  • piaoxuan1987
  • piaoxuan1987
  • 2013年03月18日 18:42
  • 912

详解Js中的Parent , top对象

[网站建设之]详解Js中的Parent对象 本文将详细介绍一下Js中的Parent对象的使用。 top: 该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命...
  • dabao1989
  • dabao1989
  • 2013年03月21日 17:18
  • 776

parent.window.opener实现跨页面通讯

有人在技术交流群里提了个问题,瞬间引起我强烈的好奇心,“通过JS改变上一来源页面内信息,包括跳转等功能”。 也许有人见过在父子iframe通讯,但两个页面之间的通讯很少见。 跨标签跳转页面 ...
  • a0405221
  • a0405221
  • 2017年12月28日 09:54
  • 42

js中opener和parent的区别

js中opener和parent的区别
  • zhangmm122411
  • zhangmm122411
  • 2016年05月30日 19:10
  • 196
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS window对象的top、parent、opener含义介绍
举报原因:
原因补充:

(最多只允许输入30个字)