`

JavaScript:Window、Document、Parent、Top、Self

 
阅读更多
Window 对象:
Window 对象表示浏览器中打开的窗口。
如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

Window对象是JavaScript层级中的顶层对象。

Window对象表示一个浏览器窗口或一个框架,它在<body>或<frameset>出现时被自动创建。

Window对象是全局对象,它的属性可作为全局变量来使用,它的方法可当作函数来使用,也就是说,引用Window对象的属性和方法时,可以省略对象名。如:使用document属性不必写作window.document,使用alert()方法不必写作window.alert()。


Window对象的集合:window.frames[]
功能:frames[]是窗口中所有命名的框架组成的数组。这个数组的每个元素都是一个Window对象,对应于窗口中的一个框架。
语法:window.frames
浏览器窗口中每个<frameset>和<iframe>定义的框架都是frames[]数组中的元素。
frames.length属性存放了frames[]数组的长度。
注:frames[]数组的元素内部还可以有框架,所以frames[i]可以有自己的frames[]数组。


Window对象的属性:

window.self
功能:是对当前窗口自身的引用。它和window属性是等价的。
语法:window.self
注:window、self、window.self是等价的。

window.top
功能:返回顶层窗口,即浏览器窗口。
语法:window.top
注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

window.parent
功能:返回父窗口。
语法:window.parent
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

http://www.w3school.com.cn/htmldom/dom_obj_window.asp

Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

http://www.w3school.com.cn/htmldom/dom_obj_document.asp


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


在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。


判断当前窗口是否在一个框架中:
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
分享到:
评论

相关推荐

    JavaScript的document和window对象详解

    ### JavaScript的document和window对象详解 #### Document对象 在JavaScript中,`document`对象是`window`和`frames`对象的一个属性,它表示显示在窗口或框架内的HTML文档。通过这个对象,开发者能够访问和操作...

    js关于document和window对象

    在 JavaScript 中,document 对象和 window 对象是两个非常重要的对象,它们都是 Window 对象的属性,用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是 Window 对象的一个属性,它描述了当前...

    107个常用javascript语句

    44.parent代表父亲对象,top代表最顶端对象 45.打开子窗口的父窗口为:opener 46.表示当前所属的位置:this 47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:&lt;!-- //--&gt; ...

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

    在JavaScript对象的阶层关系中,Window对象位于顶层,然后是Parent对象,接着是Frame对象,之后是Document对象,最后是Form对象。这种层次关系可以用来导航和访问文档结构中的不同部分。例如,parent.frame1....

    JavaScript—window对象使用示例

    JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或整个浏览器视口。这个对象提供了很多与用户交互、页面导航、窗口控制和文档操作相关的属性和方法。以下是对`window`对象及其...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    - **语法**: `window.parent.dialogArguments.document.execCommand('Refresh');` - **示例**: ```javascript // 父页面代码 var valueReturn = window.showModalDialog("childPage.html", window, "dialogWidth=...

    javascript常用对象梳理

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript编程中,`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...

    javascript页面跳转常用代码.pdf

    JavaScript是Web开发中不可或缺的一部分,尤其在处理页面跳转和刷新方面起着关键作用。本文将详细介绍JavaScript中用于页面跳转和刷新的各种方法,并提供实际的代码示例。 首先,让我们来看看JavaScript刷新页面的...

    js刷新页面 方法大全

    在这种情况下,可能需要更深层次的引用,或者使用`window.top`或`window.self`来确定确切的页面层级。 总的来说,JavaScript提供了多种方式来刷新页面,开发者可以根据具体的应用场景和页面结构选择合适的方法。在...

    【温故而知新】JavaScript的BOM之Window对象.md

    ### JavaScript的BOM之Window对象 #### 一、概念 BOM(Browser Object Model)即浏览器对象模型,它是JavaScript中的一个重要组成部分,为开发者提供了与浏览器交互的能力。BOM定义了一系列的对象,通过这些对象...

    js 返回上一页和刷新

    2. 使用JavaScript:&lt;script language="JavaScript"&gt;function myrefresh(){window.location.reload();}setTimeout('myrefresh()',1000);可以每隔1秒刷新一次页面。 示例代码: 四、刷新父窗口 1. 使用opener对象...

    JavaScript中的Window窗口对象

    ### JavaScript中的Window窗口对象 #### 一、概述 在JavaScript编程语言中,`Window`对象是最核心也是最重要的对象之一。几乎所有浏览器操作都与`Window`对象相关联。它代表了一个浏览器窗口,并且提供了访问该...

    JAVASCRIPTDOM对象介绍[定义].pdf

    JavaScript DOM对象介绍主要涉及到网页与脚本交互的核心技术,它是一种标准,由W3C国际组织制定,全称为Document Object Model。DOM的本质是提供了一种结构化的表示HTML或XML文档的方式,让开发者可以通过编程接口来...

    JavaScript实现打开链接页面的方式汇总

    此外,可以通过添加`target`属性来控制链接在何处打开,如`"_blank"` 打开新窗口,`"_self"` 在当前窗口打开,`"_parent"` 在父框架中打开,`"_top"` 在整个窗口或框架集打开。 每种方法都有其适用的场景,选择哪...

    javascript页面跳转常用代码宣贯.pdf

    3. `Response.Write("&lt;script language=javascript&gt;parent.left.document.location.reload();&lt;/script&gt;");`:该方法可以刷新父框架的页面。 Javascript 提供了多种方法来实现页面跳转和刷新,我们可以根据实际情况...

    Javascript常用对象.txt

    - `window.top`:返回最顶层的`window`对象(即没有父窗口的窗口)。 - `window.status`:设置或获取状态栏中的文本。 - `window.defaultStatus`:如果未设置`status`属性,则使用该默认值。 - `window.name`:...

    初学JavaScript第二章

    window对象为所有对象的Parent window对象的主要属性有:Name,Length,Parent,Self,Top,Status,Default Status,Opener,Closed. window对象的主要方法有:Item,alert,blur,close,confirm,open,focus,showModalDialog. ...

    javascript页面跳转与自动刷新常用代码

    - `window.navigate`并不是一个有效的JavaScript方法,因此这个方法并不可行。 6. **`location.replace(location)`** - 此方法会替换当前历史记录中的条目。 - **示例代码**: ```javascript location.replace...

Global site tag (gtag.js) - Google Analytics