`

JS的Parent对象

阅读更多

该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用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。 

分享到:
评论

相关推荐

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能,即在iframe中获取父级(parent)窗口对象。在网页开发中,iframe(内联框架)是一种嵌入其他HTML...

    JavaScript 面向对象编程详细讲解文档

    JavaScript是一种动态类型的脚本语言,虽然它不像Java或C#那样拥有传统的类和实例机制,但它的面向对象编程能力仍然非常强大。JavaScript的核心在于对象、原型和隐式继承,这些都是理解其面向对象特性的重要概念。 ...

    js面向对象简单理解

    在压缩包中的`Base.js`文件可能包含了一个基础类或者对象的实现,用于演示或作为其他类的基础。这个文件可能定义了一些基本的属性和方法,或者实现了某种通用的功能。 总的来说,JavaScript的面向对象编程涉及构造...

    Javascript类的继承,使用this.callParent调用超类方法

    在JavaScript中,面向对象编程是通过构造函数、原型和实例来实现的。当我们谈论类的继承时,我们指的是一个类(子类)可以获取另一个类(父类或超类)的属性和方法,从而实现代码复用和扩展。在本话题中,我们将深入...

    javascript iframe parent?

    JavaScript中的iframe和parent之间的交互是Web开发中一个重要的知识点,特别是在构建复杂的网页应用或实现跨域通信时。本文将深入探讨这个主题,并结合标签“源码”和“工具”,给出实际应用示例。 首先,iframe...

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

    1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top...例如:A页面中有一个iframe或frame,那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象

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

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

    javascript面向对象编程

    下面将详细介绍JavaScript中面向对象编程涉及的关键概念,包括this指针、对象定义、自定义对象中的界面对象以及继承。 ### this指针 `this`是JavaScript中的一个特殊关键字,它引用的是当前上下文中的对象。在不同...

    js对象层次• navigator •screen•window

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

    js中top parent frame概述及案例应用.docx

    4. **Window对象、Parent对象、Frame对象的关系**: 这些对象构成了一个层级结构,Window对象是顶级的,它包含了所有的父级(Parent)和子级(Frame)对象。`parent`是从当前窗口(frame)到其直接上级窗口的引用,...

    top和parent区别

    在前端开发中,尤其是在JavaScript处理窗口对象时,经常需要了解和区分`top`与`parent`这两个重要的概念。本文将详细介绍`top`与`parent`的不同之处,并给出一些实际应用场景,帮助开发者更好地理解和应用它们。 ##...

    JS对象与数组参考大全

    在JavaScript(JS)编程语言中,对象和数组是两种核心的数据结构,它们在构建复杂的程序逻辑和数据存储中起着至关重要的作用。本参考大全将深入探讨这两种数据类型及其常用方法,帮助开发者更好地理解和运用。 ### ...

    javascript常用对象梳理

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

    JS之WINDOW对象

    5. `parent`:返回当前窗口所在的框架集对象,如果窗口不在框架中,则等于`window`。 6. `top`:返回占据整个浏览器视口的顶级框架页对象,无论窗口嵌套有多深,`top`始终指向最外层的窗口。 二、WINDOW对象的方法...

    frame 的 parent 是谁?

    在JavaScript中,`parent`对象可以访问到上级节点的属性和方法。这在跨框架通信时非常有用,比如当需要从一个`frame`操作另一个`frame`的内容时。例如,如果我们想要从`leftFrame`获取`rightFrame`的内容,可以这样...

    JavaScript的面向对象

    JavaScript的面向对象是一种重要的编程范式,它在JavaScript中通过构造函数、原型链以及类(ES6引入)来实现。这篇博文将深入探讨JavaScript中的面向对象特性,包括类的概念、对象的创建、继承机制以及封装。 首先...

Global site tag (gtag.js) - Google Analytics