该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用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”显然聚焦于一个特定的Chrome功能,即在iframe中获取父级(parent)窗口对象。在网页开发中,iframe(内联框架)是一种嵌入其他HTML...
JavaScript是一种动态类型的脚本语言,虽然它不像Java或C#那样拥有传统的类和实例机制,但它的面向对象编程能力仍然非常强大。JavaScript的核心在于对象、原型和隐式继承,这些都是理解其面向对象特性的重要概念。 ...
在压缩包中的`Base.js`文件可能包含了一个基础类或者对象的实现,用于演示或作为其他类的基础。这个文件可能定义了一些基本的属性和方法,或者实现了某种通用的功能。 总的来说,JavaScript的面向对象编程涉及构造...
在JavaScript中,面向对象编程是通过构造函数、原型和实例来实现的。当我们谈论类的继承时,我们指的是一个类(子类)可以获取另一个类(父类或超类)的属性和方法,从而实现代码复用和扩展。在本话题中,我们将深入...
JavaScript中的iframe和parent之间的交互是Web开发中一个重要的知识点,特别是在构建复杂的网页应用或实现跨域通信时。本文将深入探讨这个主题,并结合标签“源码”和“工具”,给出实际应用示例。 首先,iframe...
1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top...例如:A页面中有一个iframe或frame,那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象
`parent`、`top`和`self`是Window对象中非常重要的三个属性,它们各自承担着不同的职责,对于理解JavaScript在浏览器环境中的工作原理至关重要。 1. `self`属性: `self`属性在JavaScript中用来引用当前的Window...
下面将详细介绍JavaScript中面向对象编程涉及的关键概念,包括this指针、对象定义、自定义对象中的界面对象以及继承。 ### this指针 `this`是JavaScript中的一个特殊关键字,它引用的是当前上下文中的对象。在不同...
它包含了浏览器窗口的所有属性和方法,如`name`(窗口名称)、`status`(状态栏内容)、`opener`(打开当前窗口的窗口对象)、`self`(指向当前窗口自身)、`parent`(父框架页对象)、`top`(顶级框架页对象),...
4. **Window对象、Parent对象、Frame对象的关系**: 这些对象构成了一个层级结构,Window对象是顶级的,它包含了所有的父级(Parent)和子级(Frame)对象。`parent`是从当前窗口(frame)到其直接上级窗口的引用,...
在前端开发中,尤其是在JavaScript处理窗口对象时,经常需要了解和区分`top`与`parent`这两个重要的概念。本文将详细介绍`top`与`parent`的不同之处,并给出一些实际应用场景,帮助开发者更好地理解和应用它们。 ##...
在JavaScript(JS)编程语言中,对象和数组是两种核心的数据结构,它们在构建复杂的程序逻辑和数据存储中起着至关重要的作用。本参考大全将深入探讨这两种数据类型及其常用方法,帮助开发者更好地理解和运用。 ### ...
### JavaScript中的Window对象详解 #### 一、概述 在JavaScript编程中,`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...
5. `parent`:返回当前窗口所在的框架集对象,如果窗口不在框架中,则等于`window`。 6. `top`:返回占据整个浏览器视口的顶级框架页对象,无论窗口嵌套有多深,`top`始终指向最外层的窗口。 二、WINDOW对象的方法...
在JavaScript中,`parent`对象可以访问到上级节点的属性和方法。这在跨框架通信时非常有用,比如当需要从一个`frame`操作另一个`frame`的内容时。例如,如果我们想要从`leftFrame`获取`rightFrame`的内容,可以这样...
JavaScript的面向对象是一种重要的编程范式,它在JavaScript中通过构造函数、原型链以及类(ES6引入)来实现。这篇博文将深入探讨JavaScript中的面向对象特性,包括类的概念、对象的创建、继承机制以及封装。 首先...