Window 对象
Window 对象表示浏览器中打开的窗口。
如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
手中的一个项目包含iframe与父窗口的交互,之前的一个同事的调用一个基于jQuery组件的方法是
parent.$.functionName
之前没太弄明白这么写的原因,待到需要自己来开发别的模块的时候,查了一下资料
window.parent→→返回父窗口
需要这么写的需求是,因为页面内嵌有一个iframe模块,而现在需要调用一个弹出窗体dialog,如果使用普通的调用方法,则窗体唤出仅仅存在iframe这一个小小的区域,展示的范围受限,不能完成的存在于整个屏幕。所以如果,在iframe的父级窗体,即大window里面唤出dialog的话,dialog的范围就扩大了,实现全屏。
按照这个思路,则需要回到父窗口来调用dialog,即window.parent,在函数体内,这个方法仍然是在iframe里面使用,调用父窗体的方法,从DOM结构而言,整个dialog已经超出iframe范围内,
对父窗体内容的选择
window.parent.$('#form')
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。
window.self
功能:是对当前窗口自身的引用。它和window属性是等价的。
语法:window.self
注:window、self、window.self是等价的。
window.top
功能:返回顶层窗口,即浏览器窗口。
语法:window.top
注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。
window.parent
功能:返回父窗口。
语法:window.parent
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。
在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。
判断当前窗口是否在一个框架中:
<script type="text/javascript">
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
</script>
你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。
window.self
功能:是对当前窗口自身的引用。它和window属性是等价的。
语法:window.self
注:window、self、window.self是等价的。
window.top
功能:返回顶层窗口,即浏览器窗口。
语法:window.top
注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。
window.parent
功能:返回父窗口。
语法:window.parent
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。
在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。
判断当前窗口是否在一个框架中:
<script type="text/javascript">
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
</script>
你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。
文章参考自:
Js中的window.parent ,window.top,window.self 详解
ttp://blog.csdn.net/zdwzzu2006/article/details/6047632
Window 对象
相关推荐
win32创建子窗口 同时实现子窗口与父窗口传递信息 同时有win32显示int类型的知识点
2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码: 代码如下: <html> &...
2> 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var parentObjs = window.dialogArguments;opener.parentObj.elementObj.arrtr = 'str'; 3> IE与FireFox对两个弹出窗口在...
每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 document 对话框中显示...
有关于JavaScript的window对象属性的测试,self,parent,top。有疑问的朋友可以下载看看。如果没有积分想下载的可以私聊我发资源的链接。
[removed] var timer var winOpen function IfWindowClosed() { if (winOpen.closed == true) { document.fm_Info.txtValue.value=”child closed” window.clearInterval(timer) } } [removed] <input type=b
有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()
当然打开子窗口可用window.open()或window....若想将父窗口的数据传递到子窗口可用URL后带请求字符串即"?id1=qurey1&id2=query2",在子窗口中用window.location.search来获取该请求字符串.再利用字符串分割便可获得数据.
NULL 博文链接:https://t240178168.iteye.com/blog/1910709
这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open.html中的代码,还可以随意调用其中的内容,甚至还可以在父窗口页面中使新窗口页面置顶(显示在最前面)。 代码已在当前的chrome , fire...
1.top该变更永远指分割窗口最高层次的... 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A页面中有一个iframe或frame,那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
jQuery获取iframe的window对象 var win = $(‘#ifr’)[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document....
[removed] ————————————————————- 子iframe中: 代码如下: [removed] alert(window.parent.count); //获取父中的js变量 alert($(“#username”, window.parent.document));//...
windows对象属性 属性 描述 closed 返回窗口是否已被关闭。 defaultStatus 设置或返回窗口状态栏中的默认文本。 document 对 Document 对象的只读引用。请参阅 Document 对象。 history 对 History 对象...
全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 1. open方法 语法格式: window.open(URL,窗口名称,窗口风格) 功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。 说明: open方法用于...
Window对象文档,对学习javascript基本的初学者很有帮助
1. jquery 在iframe子页面获取父页面元素代码如下: $(“#objid”, parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $(“#objid”,document.frames(‘iframename’).document) 3.js 在iframe子...
一、Window对象 ————————————————– ——————- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏...
主要介绍了js实现ifram取父窗口URL地址的方法,是javascript操作window.parent对象非常典型的应用技巧,需要的朋友可以参考下