`
yinchunjian
  • 浏览: 283092 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

js的parent对象和opener对象

阅读更多

该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。

parent:

该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。

opener:

指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。

附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系:Windwo对象→Parent对象→Frame对象→Document对象→Form对象,

如下:parent.frame1.document.forms[0].elements[0].value;

问题:在一个页面嵌入框架<iframe>,然后在框架中使用jvascript脚本:parent.xx.value='xxxxx'; 在IE中可以正常看到赋值,但是在firefox中则不能完成赋值。请问在firefox中调用父框架的对象应该是哪个,是否和IE兼容?

解答:window.parent.document.form名.xx.value='xxxxx';   window可省略。

parent.document.form名.xx.value='xxxxx';   parent.document.getElementById("xx").value='xxxxx'; 

window.parent与window.opener的区别 javascript调用主窗口方法

1:   window.parent 是iframe页面调用父页面对象

举例:      a.html

<html>

<head><title>父页面</title></head>

<body>

<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form>

<iframe src="b.html" width=100%></iframe>

</body>

</html>

如果我们需要在b.htm中要对a.htm中的username文本框赋值(就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中),我们应该在b.html中写:

<script type="text/javascript">

var _parentWin = window.parent ;

_parentWin.form1.username.value = "xxxx";

</script>

2:   window.opener 是window.open 打开的子页面调用父页面对象

opener:对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null。

self:自引用属性,是对当前window对象的应用,与window属性同义。

self代表自身窗口,opener代表打开自身的那个窗口,比如窗口A打开窗口B。如果靠window.open方法,则对于窗口B,self代表B自己,而opener代表窗口A。

分享到:
评论

相关推荐

    parent和opener的区别

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

    top,parent,opener,iframe

    标题中的"top,parent,opener,iframe"是JavaScript中与窗口和框架相关的四个关键概念,它们在构建网页交互和页面嵌套时起着重要作用。现在,让我们深入了解一下这些概念及其在实际开发中的应用。 1. **top**: `top`...

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

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

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

    在JavaScript中,`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象,并且有着各自特定的应用场景。本文将详细介绍这两个属性的功能、区别以及使用方法,并通过实际例子帮助读者...

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

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

    js对象层次• navigator •screen•window

    它包含了浏览器窗口的所有属性和方法,如`name`(窗口名称)、`status`(状态栏内容)、`opener`(打开当前窗口的窗口对象)、`self`(指向当前窗口自身)、`parent`(父框架页对象)、`top`(顶级框架页对象),...

    js关于document和window对象

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

    BOM和DOM对象的简单介绍

    在 JavaScript 中,BOM 和 DOM 对象是紧密相连的,BOM 对象提供了浏览器和屏幕的信息,而 DOM 对象提供了文档的结构和内容。只有通过 kombinieren BOM 和 DOM 对象,JavaScript 才能提供强大的功能和灵活性。

    js 返回上一页和刷新

    3. 使用parent对象:parent.另一FrameID.location.reload()可以刷新另一个框架的页面。 示例代码:&lt;script language="javascript"&gt;parent.location.reload(); 六、ASP.NET 输出刷新父窗口脚本语句 1. 使用...

    JS之WINDOW对象

    JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...

    JS中的 函数、事件和对象

    根据给定文件的信息,我们可以提炼出...JavaScript中的函数、事件和对象是其核心特性之一,掌握它们对于编写高效、功能丰富的网页应用程序至关重要。通过上述介绍,希望能够帮助读者更好地理解这些基本概念及其用法。

    javascript常用对象梳理

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

    JavaScript窗口对象概述.pdf

    Window对象不仅提供了访问和操作浏览器窗口的各种功能,还是其他许多JavaScript对象的父对象,比如Document对象和Location对象。在JavaScript编程中,理解和掌握Window对象的属性和方法是至关重要的。 1. **Window...

    JavaScript的document和window对象详解

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

    js中window对象的属性1

    在JavaScript中,`window`对象是全局对象,它包含了与浏览器窗口相关的各种属性和方法。在给定的标题和描述中,我们重点关注了几个与窗口位置和大小相关的属性:`window.screenX`、`window.screenY`。这些属性分别...

    JAVASCRIPTDOM对象介绍[定义].pdf

    JavaScript DOM对象介绍主要涉及到网页与...总之,JavaScript DOM对象是网页交互的基础,它使得JavaScript能够操纵网页内容,实现了丰富的用户界面和交互性。熟悉DOM的概念和用法对于进行网页开发和前端编程至关重要。

    JS子窗口调用父窗口

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

Global site tag (gtag.js) - Google Analytics