`

JS中 window.parent 、window.top、window.self代表的含义

UIJSP 
阅读更多

      在应用有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是最顶级父窗口含义。

分享到：
| geoserver 地理信息系统服务器 入门
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    需要注意的是，如果页面中自定义了 frame，那么可以将 parent、self、top 换为自定义 frame 的名称，效果是在 frame 窗口打开 url 地址。 二、location.href 和 window.location.href 的区别 location.href 和 ...

    测试window对象属性parent、top、self

    `parent`、`top`和`self`是Window对象中非常重要的三个属性，它们各自承担着不同的职责，对于理解JavaScript在浏览器环境中的工作原理至关重要。 1. `self`属性： `self`属性在JavaScript中用来引用当前的Window...

    10个至强JavaScript代码

    self.view = Math.round(((e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF); if (self.view != self.back) self.calc(); return false; } /* ---- release scrollbar...

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

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

    window.open

    在Web开发中，`window.open()`方法用于创建一个新的浏览器窗口或标签页，并返回对新打开窗口的引用。这个方法在很多场景下非常有用，比如用来实现弹出窗口、跳转链接等功能。然而，由于浏览器的安全策略和用户体验...

    window.open参数详解

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

    window.open的参数详细应用

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

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

    在JavaScript中，`window.open()` 是一个非常有用的函数，它用于在浏览器中打开新的窗口或者标签页。这个函数有四个参数，每个都有特定的作用和注意事项。让我们深入了解一下这些参数： 1. **URL（可选）**：这个...

    jsp 刷新父页面

    self.window.opener.locaction.reload(); 刷新一open（）方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent....

    刷新父窗口的多种方法

    这里`self`是指向当前窗口的引用，因此`self.opener`与`window.opener`具有相同的效果。 #### 2. 子窗口刷新父窗口 除了通过弹出子页面来刷新父窗口外，还可以通过子窗口本身来刷新父窗口。这种情况下，子窗口通常...

    js中window对象的属性1

    除此之外，`window`对象还有其他很多属性，如`window.top`（顶层窗口）、`window.parent`（当前窗口的父窗口，如果在框架中则不是`window.self`）、`window.status`（浏览器状态栏的文本）、`window.devicePixel...

    js刷新页面 方法大全

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

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

    在JavaScript编程中，window对象是非常核心的一个部分，它代表了浏览器窗口，并且具有很多重要属性和方法，可以用来操作浏览器窗口的各种行为。其中，top、parent、opener是window对象的三个重要属性，它们在页面间...

    各种js页面跳转代码

    在本文中，我们将总结多种JavaScript页面跳转代码，包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种：使用window.location.href window.location.href是...

    window.dialogArguments 使用说明

    `window.dialogArguments` 是一个在旧版的IE浏览器（Internet Explorer）中特有的JavaScript对象，它主要用于在模态对话框（`showModalDialog()`）和无模态对话框（`showModelessDialog()`）之间传递数据。...

    对frameset、frame、iframe的js操作.pdf

    - `window.top`属性指向顶层框架，用于判断框架是否为顶层框架。 3. **改变框架的载入页面**： - 利用`window.location`属性，可以改变框架加载的页面，例如`window.frames[0].location="1.html"`。 - 这一特性...

    js中top的作用深入剖析.docx

    例如，如果有一个嵌套的框架结构，`self.top`等同于`self.parent.parent`，这表示它会向上遍历框架链直到找到最外层的框架。 3. **优化代码**： 使用`top`属性可以帮助简化代码，特别是在处理跨框架交互时。如果...

    JAVASCRIPTDOM对象介绍[定义].pdf

    DOM对象在JavaScript中的应用广泛，其中最重要的对象是`window`，它代表浏览器的顶级窗口，是所有页面的根对象。`window`对象拥有众多属性和方法，例如： 1. `window.closed`：检查窗口是否已关闭。 2. `window....

Magicbox
Global site tag (gtag.js) - Google Analytics