转载.....
top:
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用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。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/jamestaosh/archive/2009/06/20/4284960.aspx
分享到:
相关推荐
在本话题中,我们将深入探讨JavaScript中的类继承,并特别关注`this.callParent`这个方法,它是如何被用来调用超类方法的。 首先,让我们了解JavaScript中的构造函数。构造函数是一种特殊的函数,用于创建和初始化...
而"工具"标签可能意味着我们可以借助一些库或框架,如jQuery的`.contents()`方法来简化DOM操作,或者使用PostMessage库(如postmessage.js)来更方便地处理消息传递。 总结,JavaScript中的iframe与parent通信是Web...
(1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 ... //js的写法 (2)父页面调取子页面 主要是通过contentWindow定位到
### JavaScript中的`top`与`parent`的区别 在前端开发中,尤其是在JavaScript处理窗口对象时,经常需要了解和区分`top`与`parent`这两个重要的概念。本文将详细介绍`top`与`parent`的不同之处,并给出一些实际应用...
本文介绍了jQuery中`prev()`和`parent()`两个方法的使用方法及区别。通过实际例子,我们可以清晰地看到这两个方法的不同之处及其适用场景。正确使用这些方法可以极大地提高我们处理DOM元素的能力,使我们的Web开发...
`parent`这个概念在JavaScript和DOM中广泛使用,它指的是当前元素的直接上级节点。在框架结构中,如果一个`frame`嵌套在另一个`frame`或者`frameset`中,那么内层`frame`的`parent`就是外层`frame`或`frameset`。...
- **`parent`使用场景**: - iframe内部需要与父页面交互。 - 多个弹出窗口之间的交互。 - 控制父窗口的行为。 - **`opener`使用场景**: - 新开窗口需要与打开它的窗口通信。 - 关闭自身或进行数据传输时。 ...
在JavaScript中,`top`、`parent`和`frame`是用于处理页面中框架(frames)和嵌套框架(framesets)的重要概念。这些概念在多窗口或多框架的网页设计中尤其关键,它们允许开发者在不同的框架之间进行通信和交互。 1...
### Vue.js 中 `$parent` 和 `$children` 的使用解析 在 Vue.js 中,为了更好地管理组件间的层次关系,提供了 `$parent` 和 `$children` 这两个属性。它们可以帮助开发者访问当前组件的父组件和子组件,这对于理解...
本篇将围绕“js经典使用例子”深入探讨JavaScript的一些关键知识点。 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,JavaScript通过DOM API可以对网页元素进行增删改查。例如,通过`...
本文将深入探讨如何在QT环境中使用QScriptEngine来编译和运行JavaScript代码,并分享一些基本的使用方法。 首先,理解QScriptEngine的基本概念。它是QT中的一个类,它实现了ECMAScript标准,也就是我们常说的...
标题中的"top,parent,opener,iframe"是JavaScript中与窗口和框架相关的四个关键概念,它们在构建网页交互和页面嵌套时起着重要作用。现在,让我们深入了解一下这些概念及其在实际开发中的应用。 1. **top**: `top`...
### JS子窗口调用父窗口的关键知识点 #### 一、基本概念 在JavaScript中,有时我们需要从一个子窗口(通常是通过`window.open()`方法打开的新窗口)与父窗口(即打开该新窗口的原始窗口)之间进行交互。这种交互...
2. **jQuery**:作为JavaScript库,jQuery简化了DOM操作,事件处理,动画效果,以及Ajax交互,大大提高了前端开发的效率。 3. **HTML5**:新一代的HTML标准,引入了许多新特性如离线存储、拖放功能、媒体元素等,...
总之,"tensquare_parent4.zip"可能是一个使用Spring Boot和Spring框架构建的Java应用,它遵循了标准的Maven或Gradle项目结构,并且包含了一系列用于实现特定业务逻辑的Java类和配置文件。这个项目可能是一个示例、...
这个Demo可能包含了一个HTML文件和相关的JavaScript代码,演示了如何在Chrome中使用`window.parent`对象。可能的示例包括: 1. **获取父页面元素**:通过`window.parent.document.getElementById`或`querySelector`...
### JavaScript中的`opener`与`parent`的区别详解 #### 引言 在JavaScript中,`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象,并且有着各自特定的应用场景。本文将详细介绍...
本项目是一款基于JavaScript的yygh_parent预约挂号系统设计源码,包含450个文件,涵盖了166个Java源文件、69个CSS样式文件、47个PNG图片、36个JavaScript脚本、26个XML配置、23个JPG图片、18个HTML文件、14个GIF图片...
vue 组件 $children, $refs, $parent 的使用详解 Vue 组件中,$children, $refs, $parent 是三个非常重要的属性,它们之间存在着紧密的联系,正确地使用它们可以帮助我们更好地管理和操作组件。 $children 属性 ...
`parent`、`top`和`self`是Window对象中非常重要的三个属性,它们各自承担着不同的职责,对于理解JavaScript在浏览器环境中的工作原理至关重要。 1. `self`属性: `self`属性在JavaScript中用来引用当前的Window...