在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。

      在项目中，有如下应用场景，原本在右侧iframe中引入对话框js类，对话框能出来但是只能在右侧iframe中移动，不能在整个页面内移动。

     解决如下：

     将对话框js类引入到最外层jsp中，然后在原调用出,使用

new window.top.SGS.UI.Control.CommDialog();

window.top.document.body.appendChild(_dialog.divObj);

此次window.top是最顶级父窗口含义。

下面实例：

top作用是取得最顶层框架对象

A.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />



<title>prototype test</title>



</head>



<body>



<iframe src="b.html"></iframe>



<script language="javascript">



var topstr = "my top";



    alert(a.html='+top.location.href);



</script>





</body>



</html>




B.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />



<title>prototype test</title>



</head>



<body>



<iframe src="c.html"></iframe>





<script language="javascript">



alert('b.html='+top.location.href+";a.html.topstr="+top.topstr);//top.topstr可取a.html(顶层框架参数)的topstr变量



</script>



</body>



</html>




C.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />



<title>prototype test</title>



</head>



<body>





<script language="javascript">



alert('c.html='+top.location.href+";a.html.topstr="+top.topstr);//top.topstr可取a.html(顶层框架参数)的topstr变量



</script>



</body>



</html>




b.html中的top=parent c.html中的top=parent.parent


 


<摘自：http://wangpj.iteye.com/blog/853395 & http://blog.csdn.net/good_youth/article/details/2079416>
												


											
JavaScript中 window.parent 、window.top、window.self代表的含义的更多相关文章
	

    
						
  1. JavaScript中的global对象，window对象以及document对象的区别和联系
		
    JavaScript中的global对象,window对象以及document对象的区别和联系 一.概念区分:JavaScript中的global对象,window对象以及document对象 1.g ...
    
		
    2. 
						
  2. js代码中的parent，top和self有什么区别
		
    .parent常用在iframe和frame中的子页面访问父页面中的对象 .top :一个页面可能会有很多层,top是指最顶层的框架 .self :是指当前窗口
    
		
    3. 
						
  3. (window,parent,opener,top).location.reload方法汇总
		
    今天在火狐浏览器上碰到个bug,调用parent.location.reload()时只刷新子页面,没有整个浏览器刷新,谷歌上没有问题,网上搜了一下 改成parent.location.reload( ...
    
		
    4. 
						
  4. JavaScript中七种函数调用方式及对应 this 的含义
		
    this 在 JavaScript 开发中占有相当重要的地位,不过很多人对this这个东西都感觉到琢磨不透.要真正理解JavaScript的函数机制,就非常有必要搞清楚this到底是怎么回事. 函数调 ...
    
		
    5. 
						
  5. js中 a : function(){}这是什么格式? 代表什么含义？怎样学习这样的格式？
		
    js中的json. 一种轻量级数据格式.json中的值是map形式的就是key->value. 具体看下边的示例; var person = { // 用 大括号括声明一个json. " ...
    
		
    6. 
						
  6. idea中安装git后，代码颜色代表的含义
		
    idea中安装git以后,代码文件出现了不同的颜色 它们分别表示的含义: 绿色,已经加入控制暂未提交 红色,未加入版本控制 蓝色,加入,已提交,有改动 白色,加入,已提交,无改动 灰色:版本控制已忽略 ...
    
		
    7. 
						
  7. java体系中OOP，OOD，OOA分别代表什么含义，以及OA，CRM，ERP
		
    OOP:Object Oriented Programming 面向对象程序设计. OOD:Object Oriented Design 面向对象设计. OOA:Object Oriented Ana ...
    
		
    8. 
						
  8. Javascript中window.opener的一点小总结
		
    以前一直认为window.opener只有在window.open方法打开下的窗口才可以访问,没想到即使是a链接打开的页面的照样可以访问.window.opener指向父窗口,也就是来源窗口.可以利用 ...
    
		
    9. 
						
  9. window.parent 与 window.opener
		
    window.parent针对iframe,window.opener针对window.open 父页面parent.jsp: <%@ page language="java" ...
    
		
    10. 
						
  10. window.parent != window  解决界面嵌套问题
		
    页面在被嵌套的时,效果:,,如果用户点击“刷新”,该问题即可解决. 如果想通过代码解决的话,这个问题属于客户端的问题,不是服务器端的问题. 如果直接写:window.location.href = “ ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 细解ListView之自定义适配器
			
    下面我们将以一个例子来讲述ListView之自定义适配器 首先我们看一下效果图: [分析] 首先:需要创建一个ListView控件,自定义适配器是为了实现自定义ListView的ListView_It ...
    
			
    2. 
						
  2. pack、unpack自制二进制“数据库”
			
    引言 pack.unpack函数,如果没有接触过socket,这个可能会比较陌生,这两个函数在socket交互的作用是组包,将数据装进一个二进制字符串,和对二进制字符串中的数据进行解包,这个里面有好多 ...
    
			
    3. 
						
  3. RabbitMQ 异常与任务分发
			
    异常情况处理 上篇最后提到了这个问题, consumer异常退出.queue出错.甚至rabbitMQ崩溃.因为它们都是软件 ,软件都会有bug,这是无法避免的.所以RabbitMQ在设计的时候也想到 ...
    
			
    4. 
						
  4. 解决Cookie乱码问题
			
    写了一个cookie的定义和获取,结果我输入中文后,页面报错 报错信息如下: type Exception report message An exception occurred processin ...
    
			
    5. 
						
  5. C#调用Windows API函数截图
			
    界面如下: 下面放了一个PictureBox 首先是声明函数: //这里是调用 Windows API函数来进行截图 //首先导入库文件 [System.Runtime.InteropServices ...
    
			
    6. 
						
  6. 【Beta】Scrum01
			
    Info 时间:2016.11.26 21:30 时长:10min 地点:大运村1号公寓5楼楼道 类型:日常Scrum会议 NXT:2016.11.28 21:30 Task Report Name  ...
    
			
    7. 
						
  7. 《JavaScript权威指南》学习笔记 第四天 数组
			
    昨天学习了js的对象,了解了js的原型链.在js里面万事万物皆对象,只不过一些原始类型要经过包装对象的包装才能暂时变为对象.数组的本质是什么呢?数组其实就是一组数,也就是链表.每个数只是这个链表上的一 ...
    
			
    8. 
						
  8. Hook技术
			
    hook钩子: 使用技术手段在运行时动态的将额外代码依附现进程,从而实现替换现有处理逻辑或插入额外功能的目的. 它的技术实现要点有两个: 1)如何注入代码(如何将额外代码依附于现有代码中). 2)如何 ...
    
			
    9. 
						
  9. 阿里巴巴集团2016校园招聘-Python工程师笔试题（附加题+部分答案）
			
    前言 第一次网上笔试,被虐的很惨.一是不太习惯,最主要的是还是自己对Python的掌握,还不够熟练.下面是这次阿里笔试相关信息 笔试时间是,2015年8月23日,10:00——12:00 对于笔试题, ...
    
			
    10. 
						
  10. SQL 操作语句
			
    SQL Server T-SQL高级查询 高级查询在数据库中用得是最频繁的,也是应用最广泛的. Ø 基本常用查询 --select select * from student; --all 查询所有  ...
    
			
    11.