`
Flory
  • 浏览: 24732 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多

在应用有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>

你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。

分享到:
评论

相关推荐

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

    window.open打开新窗口参数设置

    在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助开发者更好地掌握此方法的用法。 #### 一、`...

    window.open参数详解

    在JavaScript中,`window.open()` 方法被广泛用于打开新的浏览器窗口或标签页。这对于创建弹出窗口、预览链接等场景非常有用。本文将详细介绍 `window.open()` 的各个参数及其用法。 #### 方法签名 ```javascript ...

    js中window.open的参数及注意注意事项.docx

    ### JavaScript 中 `window.open` 方法详解 #### 一、引言 在Web开发中,`window.open` 是一个非常常用的方法,它允许我们从当前窗口打开一个新的浏览器窗口或者在一个已经存在的窗口中加载一个新的文档。然而,在...

    window.open的参数详细应用

    可以是具体的名称,也可以是预定义的特殊值(如 `_blank`, `_self`, `_parent`, `_top`)。 - **features**: 一系列用逗号分隔的字符串,用于设置新窗口的各种属性,如尺寸、位置、滚动条等。 ### 参数详解 #### ...

    Javascript之BOM(window对象)详解_.docx

    self对象则始终指向window对象,它与top和parent对象一起构成了框架间交互的关键。 关于窗口位置,大多数浏览器提供了screenLeft和screenTop属性来获取窗口相对于屏幕左侧和顶部的位置。Firefox使用screenX和...

    探索浏览器页面关闭window.close()的使用详解

    `后才能关闭,而其他浏览器可能需要使用`window.top.close()`。可以编写一个兼容性的函数来处理不同浏览器的差异: ```javascript function ClosePage() { if (navigator.userAgent.indexOf("MSIE") &gt; 0) { if ...

    javascript框架相互引用

    var parentWindow = window.parent; ``` 这使得子框架能够轻松与其父框架进行交互。 #### 四、同级框架间的引用 在同一层次上的多个框架之间,可以直接通过`window.frames`数组来访问彼此。比如,假设页面中定义...

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

    ### JavaScript 页面刷新方法详解 #### 一、JavaScript刷新页面的各种方式 在JavaScript中,有多种方式可以用来刷新页面。下面将详细介绍这些方法及其应用场景。 ##### 1. `window.location.reload();` - **语法...

    Javascript常用对象.txt

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

    各种的js跳转

    ### 各种JS跳转方式详解 在前端开发中,页面跳转是常见的需求之一,JavaScript(简称JS)提供了多种实现页面跳转的方法。本文将详细介绍由标题“各种的js跳转”及描述“总结了下js的跳转懒得找得就下的非常全···...

    jsp中的window属性

    JSP 中的 Window 属性详解 JSP 中的 Window 对象是指浏览器窗口,它提供了多种操作,包括获取当前窗口的信息、控制窗口的样式、打开新的窗口、弹出对话框等。下面是 JSP 中的 Window 属性的详解: 1. frames 属性...

    JavaScript的document和window对象详解

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

    javascript弹出窗口命令总结

    - **name**: 新窗口的名称,可以是 `_self`, `_blank`, `_top`, `_parent` 中的一个。 - `_self`: 在同一个窗口或框架中加载页面。 - `_blank`: 在新窗口中加载页面。 - `_top`: 加载到最顶层的窗口中。 - `_...

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

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

    javascript常用对象梳理

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

    js获取URL的信息

    ### JavaScript 获取 URL 信息详解 #### 一、引言 在 Web 开发中,JavaScript 经常被用来处理用户交互和动态数据展示。其中一项重要的功能便是获取当前页面的 URL 信息,这对于处理表单提交、跳转链接、动态加载...

    javascript弹出对话框总结

    可以是预定义的值如`'_self'`, `'_blank'`, `'_parent'`, `'_top'`等,或者自定义名称。 3. **parameters**:一系列用逗号分隔的选项,用于设置新窗口的特征,如尺寸、菜单栏、工具栏等。 例如,要打开一个宽400...

Global site tag (gtag.js) - Google Analytics