`

js中window.parent和window.opener区别

阅读更多

下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。

window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。

可以用这一点特性来判断这个窗口是否是顶层窗口。如:

Code
function IsTopWindow( win )
{
    if( win.parent == win ) return true;
    else return false;
}
window.opener引用的是window.open打开的页面的父页面。


opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。
parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent。
在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:

a.html中,通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中,就可以通过window.opener(省略写为opener)来引用a.html,包括a.html的document等对象,操作a.html的内容。假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会出现“对象为空或者不存在”的JS错误。

window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:
window.opener.document.getElementById("name").value = "输入的数据";


本文来源网页制作教程网www.zzarea.com 原文链接:http://www.zzarea.com/JavaScript/javascript-1200.html

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    1> window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()采用新创建一个窗口,同时父窗口可操作; 2> 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var...

    parent和opener的区别

    通过以上介绍可以看出,`parent`和`opener`虽然都是`Window`对象的属性,但在实际应用中扮演的角色有所不同。正确理解和使用这两个属性能够帮助开发者更好地处理不同窗口间的通信问题。希望本文能够对理解这两个概念...

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    window.parent与window.openner区别介绍

    在JavaScript中,`window.parent` 和 `window.opener` 是两个不同的对象,它们分别用于处理不同类型的窗口间通信。理解这两个对象的区别对于开发涉及多窗口交互的Web应用至关重要。 首先,`window.parent` 主要应用...

    jsp 刷新父页面

    window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>...

    js window.open iframe dialog

    在JavaScript的世界里,`window.open`、`iframe`和`dialog`是三个非常重要的概念,它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点,并结合实例来帮助你理解它们的用法。 1. `window.open...

    刷新父窗口的多种方法

    window.opener.location.href = window.opener.location.href; ``` 这里的关键在于利用`location.href`属性来重新设置父窗口的URL,从而达到刷新的目的。需要注意的是,这种方式并不会触发浏览器的缓存机制,而是会...

    解析jquery获取父窗口的元素

    对应javascript版本为window.parent.document.getElementByIdx_x(“父窗口元素ID”);取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent...

    window.open打开新窗口,不被拦截的方法

    <body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是,这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...

    js中opener与parent的区别详细解析.docx

    ### JavaScript中的`opener`与`parent`的区别详解 #### 引言 在JavaScript中,`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象,并且有着各自特定的应用场景。本文将详细介绍...

    JS子窗口调用父窗口

    为了实现这一目的,JavaScript提供了几个内置属性来帮助完成这类操作,主要包括`window.parent`和`window.opener`。 #### 二、`window.parent`的使用 ##### 2.1 `window.parent`的定义 `window.parent`属性返回...

    js中opener与parent的区别详细解析

    在JavaScript中,window.opener和window.parent这两个对象是用于在不同的窗口或框架之间进行交互的重要属性。它们各自代表了不同的概念和使用场景,下面将详细阐述它们的区别及用法。 ### window.opener window....

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

    例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象。例如:A...

    window.open

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

    js模式化窗口问题![window.dialogArguments]

    在子页面中通过`window.parent.dialogArguments`来传递数据,然后关闭对话框。 b. 如果不想增加额外的页面,可以使用`window.opener.document`对象。在IE中,可以通过`window.dialogArguments`访问父窗口,而在...

    javascript刷新父页面

    1. **兼容性问题**:`window.showModalDialog` 和 `execCommand` 在现代浏览器中可能不被支持或已被废弃。 2. **安全性考虑**:在进行跨窗口操作时,需要注意安全性和浏览器限制,确保不会因为不当操作而导致安全...

    JS刷新父页面 父窗口

    1. **`window.opener`与`window.parent`的区别**: - `window.opener`:指的是打开当前窗口的窗口对象。只有当一个窗口是由另一个窗口通过`window.open()`打开时,该窗口才有`opener`属性。 - `window.parent`:指...

Global site tag (gtag.js) - Google Analytics