Js中的Parent对象

转载 2013年12月03日 13:06:06


Js中的Parent对象 
文章分类:Web前端  
该变更永远指分割窗口最高层次的浏览器窗口。

如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 

parent: 
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。 

opener: 
指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。 


附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系:Windows对象→Parent对象→Frame对象→Document对象→Form对象, 

如下:parent.frame1.document.forms[0].elements[0].value; 

问题:在一个页面嵌入框架<iframe>,然后在框架中使用javascript脚本:parent.xx.value='xxxxx'; 在IE中可以正常看到赋值,但是在firefox中则不能完成赋值。请问在firefox中调             用父框架的对象应该是哪个,是否和IE兼容? 

解答:window.parent.document.form名.xx.value='xxxxx';   window可省略。 parent.document.form
名.xx.value='xxxxx';   parent.document.getElementById("xx").value='xxxxx'; 

  
window.parent与window.opener的区别 

javascript调用主窗口方法 1:   window.parent 是iframe页面调用父页面对象 举例:      

a.html 

<html> 
<head><title>父页面</title></head> 

<body> 
<form name="form1" id="form1"> 
<input type="text" name="username" id="username"/> </form> 
<iframe src="b.html" width=100%></iframe> 

</body> 

</html> 
如果我们需要在b.htm中要对a.htm中的username文本框赋值(就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中),

我们应该在b.html中写: 

<script type="text/javascript">

 var _parentWin = window.parent  

_parentWin.form1.username.value = "xxxx"; 

</script> 
2:   window.opener 是window.open 打开的子页面调用父页面对象 

opener:

对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null。 

self:自引用属性,是对当前window对象的应用,与window属性同义。 

self代表自身窗口,opener代表打开自身的那个窗口,比如窗口A打开窗口B。

如果靠window.open方法,则对于窗口B,self代表B自己,而opener代表窗口A。 




Jquery的parent和parents(找到某一特定的祖先元素)用法

  • cui_angel
  • cui_angel
  • 2012年08月24日 13:48
  • 24053

JAVASCRIPT中的parent对象

该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。parent:该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割...
  • quechao123
  • quechao123
  • 2009年10月18日 14:31
  • 21180

JAVASCRIPT中的parent对象

JAVASCRIPT中的parent对象 转载 2009年10月18日 14:31:00 标签:javascript /firefox /iframe /框架 /null /浏览器...
  • evilcry2012
  • evilcry2012
  • 2018年01月18日 16:37
  • 2

Javascript内置变量top和parent

引用方法top: 该变量永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 parent: 该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割...
  • qiu512300471
  • qiu512300471
  • 2013年11月13日 09:55
  • 1079

JS的parent对象

top: 该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 parent: 该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分...
  • marujunyy
  • marujunyy
  • 2013年01月04日 21:32
  • 422

js中opener和parent的区别

js中opener和parent的区别
  • zhangmm122411
  • zhangmm122411
  • 2016年05月30日 19:10
  • 198

js中top、parent、frame

原文地址:js中top、parent、frame作者:iechenyb 引用方法top: 该变量永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 pa...
  • u013365312
  • u013365312
  • 2014年01月03日 16:18
  • 408

Js中的window.parent ,window.top,window.self 详解

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法...
  • zdwzzu2006
  • zdwzzu2006
  • 2010年12月01日 14:07
  • 73173

js中opener和parent的区别

opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。    parent表示父...
  • dreamboycx
  • dreamboycx
  • 2013年09月26日 11:56
  • 473

详解Js中的Parent , top对象

[网站建设之]详解Js中的Parent对象 本文将详细介绍一下Js中的Parent对象的使用。 top: 该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命...
  • dabao1989
  • dabao1989
  • 2013年03月21日 17:18
  • 778
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js中的Parent对象
举报原因:
原因补充:

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