top:分割窗口最高层次的浏览器窗口。采用如下方式进行访问:top.frames['sub_frm'].
parent:当前分割窗口的父窗口。采用如下方式访问:parent.document.
opener:指用window.open等方式创建的新窗口对应的原窗口。
iframe:在一个页面含有某个iframe,其id="iframeA" name="IframeA",此时使用document.getElementById("IframeA")取到的是iframe标签对象,通过该对象可以获取iframe的各个属性,例如src、frameborder、style等等,但是不能获取到iframe所包含的子页面的各个对象。如果使用document.frames("IframeA")取到的是iframe组件对象,通过该对象可以获取到iframe所包含的页面的子页面的各个对象,例如子页面的window对象,但是不能获得iframe标签得各个属性,例如上面说到的src等等。请参看如下类似代码:
1.html
<script>
function check(){
var obj1=document.getElementById("myframe");
alert(obj1.src);
//alert(obj1.window.document.myform.username.value);//Error
var obj2=document.frames("myframe");
alert(obj2.window.document.myform.username.value);
//alert(obj2.src);//Error
}
</script>
<body onload="check()">
<iframe id="myframe" name="myframe" src="2.html" frameborder="3" style="width:300;height:200;border-width:1;border-color:red;border-style:solid"></iframe>
</body>
2.html
<body>
<form name="myform">
用户名:<input type="text" name="username" value="test" />
</form>
</body>
原文链接:http://blog.csdn.net/jun_yuner/article/details/1943573
分享到:
相关推荐
标题中的"top,parent,opener,iframe"是JavaScript中与窗口和框架相关的四个关键概念,它们在构建网页交互和页面嵌套时起着重要作用。现在,让我们深入了解一下这些概念及其在实际开发中的应用。 1. **top**: `top`...
### parent和opener的区别 在前端开发中,`parent`和`opener`是两个非常重要的概念,尤其是在处理浏览器窗口间通信的时候。这两个属性都属于`Window`对象,用于访问与当前窗口相关的其他窗口。 #### `parent` `...
其中,top、parent、opener是window对象的三个重要属性,它们在页面间导航和交互时扮演着重要角色。 首先,top属性指的是当前窗口的最高层窗口对象,也就是顶级窗口。当页面内嵌在frame或iframe中时,我们可以通过...
这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能,即在iframe中获取父级(parent)窗口对象。在网页开发中,iframe(内联框架)是一种嵌入其他HTML...
在JavaScript中,window.opener和window.parent这两个对象是用于在不同的窗口或框架之间进行交互的重要属性。它们各自代表了不同的概念和使用场景,下面将详细阐述它们的区别及用法。 ### window.opener window....
### JavaScript中的`opener`与`parent`的区别详解 #### 引言 在JavaScript中,`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象,并且有着各自特定的应用场景。本文将详细介绍...
- 当我们在弹出层C中需要触发父页面A中的列表刷新时,可以通过访问`window.parent.vm`或`window.top.vm`来获取之前绑定的数据模型,并调用其刷新方法。 ```javascript window.parent.vm.gridDataSource.filter({}...
- 子页面访问父页面的DOM,则可以使用`parent`或`top`对象,因为它们分别指向当前iframe的父级框架和顶级窗口。在B.html中访问A.html的DOM,可以写为: ```javascript var parentDoc = parent.document || top....
例如,通过`window.opener`对象,子窗口可以访问到打开它的父窗口,而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口: ```javascript let newWindow = window.open('...'); newWindow....
### JavaScript 刷新父页面知识点详解 #### 一、概述 在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的...
解释:JavaScript 中的保留字包括 with、class、void 等,但不包括 parent。 3. 请选择结果为真的表达式: 正确答案:C. null == undefined 解释:在 JavaScript 中,null 和 undefined 是两个不同的值,但它们都...
this.Response.Write("<script>opener.location.reload();</script>"); ``` #### 7. 刷新模态对话框 当涉及到模态对话框时,可能需要在对话框关闭后刷新页面。这可以通过 JavaScript 的 `showModalDialog` 方法...
- **解析**:可以通过JavaScript动态地调整IFrame的高度、宽度等属性。 **答案**: ABCD #### 9. 关于表格表述正确的有: - **选项A**: `表格中可以包含TBODY元素` - **解析**:`<tbody>`元素用于定义表格中的...
- 如果涉及到多层嵌套的页面结构,则可以考虑使用 `parent.location.reload()` 或 `top.location.reload()` 来满足需求。 - 当需要刷新打开当前窗口的窗口时,则应选择 `opener.location.reload()`。 通过合理地...
标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性,分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用,用于控制页面的...
选项B `parent` 不是JavaScript的保留字,它可能在特定上下文中具有特殊含义,但不是语言的一部分。选项A `with`、C `class` 和D `void` 都是JavaScript的保留字。 3. **比较运算符**:JavaScript中的`null`和`...
JavaScript提供了多种方法来实现这个功能,下面将对这些方法进行详细地汇总说明。 1. 使用iframe刷新父页面: 如果父页面中含有iframe嵌套子页面,子页面可以通过更改iframe的src属性来刷新整个父页面。这种方法...
当父页面包含一个`iframe`元素时,可以通过访问`parent`对象来刷新整个页面。以下是一个示例: ```html <script language="JavaScript"> parent.location.reload(); ``` 这段代码会重新加载父页面的URL,...