javascript的top，parent，opener,iframe - Blackbaby - ITeye博客

`

Blackbaby

浏览: 183824 次
性别:
来自: 成都

最近访客更多访客>>

491642555

xx5333

xyc1985414

simon518

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

donggongai： Blackbaby 写道mazhi4562qq 写道moist ...
openfire集成现有系统的用户表
Blackbaby： mazhi4562qq 写道moistrot 写道哥们，你集成 ...
openfire集成现有系统的用户表
mazhi4562qq： moistrot 写道哥们，你集成成功了吗？我这样集成之后，登 ...
openfire集成现有系统的用户表
dxcsingle：哥们我如今也遇到这个问题能讲哈怎么处理么？
openfire集成现有系统的用户表
hooktoo：该例子有很严重的问题，java没释放内存
JNative dll回调函数使用实例

javascript的top，parent，opener,iframe

博客分类：

javascript

阅读更多

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

分享到：

iframe高度适应 | JavaScript:How new works

2011-07-09 19:01
浏览 1445
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

parent和opener的区别: ### parent和opener的区别在前端开发中，`parent`和`opener`是两个非常重要的概念，尤其是在处理浏览器窗口间通信的时候。这两个属性都属于`Window`对象，用于访问与当前窗口相关的其他窗口。 #### `parent` `...

JS window对象的top、parent、opener含义介绍: 其中，top、parent、opener是window对象的三个重要属性，它们在页面间导航和交互时扮演着重要角色。首先，top属性指的是当前窗口的最高层窗口对象，也就是顶级窗口。当页面内嵌在frame或iframe中时，我们可以通过...

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

js中opener与parent的区别详细解析.docx: ### JavaScript中的`opener`与`parent`的区别详解 #### 引言在JavaScript中，`opener`和`parent`都是与浏览器窗口交互时常用到的属性。它们分别指向了不同的窗口对象，并且有着各自特定的应用场景。本文将详细介绍...

再iframe中刷新列表: - 当我们在弹出层C中需要触发父页面A中的列表刷新时，可以通过访问`window.parent.vm`或`window.top.vm`来获取之前绑定的数据模型，并调用其刷新方法。 ```javascript window.parent.vm.gridDataSource.filter({}...

页面间DOM相互访问: - 子页面访问父页面的DOM，则可以使用`parent`或`top`对象，因为它们分别指向当前iframe的父级框架和顶级窗口。在B.html中访问A.html的DOM，可以写为： ```javascript var parentDoc = parent.document || top....

js window.open iframe dialog: 例如，通过`window.opener`对象，子窗口可以访问到打开它的父窗口，而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口： ```javascript let newWindow = window.open('...'); newWindow....

javascript刷新父页面: ### JavaScript 刷新父页面知识点详解 #### 一、概述在网页开发中，有时我们需要从一个弹出的子窗口（通常是由 `window.open` 或 `window.showModalDialog` 方法打开的）来控制父窗口的行为，比如刷新父窗口的...

javascript试题及答案.doc: 解释：JavaScript 中的保留字包括 with、class、void 等，但不包括 parent。 3. 请选择结果为真的表达式：正确答案：C. null == undefined 解释：在 JavaScript 中，null 和 undefined 是两个不同的值，但它们都...

JavaScript刷新页面大全: this.Response.Write("<script>opener.location.reload();</script>"); ``` #### 7. 刷新模态对话框当涉及到模态对话框时，可能需要在对话框关闭后刷新页面。这可以通过 JavaScript 的 `showModalDialog` 方法...

javascript的经典面试题汇总: - **解析**：可以通过JavaScript动态地调整IFrame的高度、宽度等属性。 **答案**: ABCD #### 9. 关于表格表述正确的有： - **选项A**: `表格中可以包含TBODY元素` - **解析**：`<tbody>`元素用于定义表格中的...

js中刷新页面的方法: - 如果涉及到多层嵌套的页面结构，则可以考虑使用 `parent.location.reload()` 或 `top.location.reload()` 来满足需求。 - 当需要刷新打开当前窗口的窗口时，则应选择 `opener.location.reload()`。通过合理地...

关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别: 标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性，分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用，用于控制页面的...

javascript面试题汇总: 选项B `parent` 不是JavaScript的保留字，它可能在特定上下文中具有特殊含义，但不是语言的一部分。选项A `with`、C `class` 和D `void` 都是JavaScript的保留字。 3. **比较运算符**：JavaScript中的`null`和`...

javascript刷新父页面的各种方法汇总: JavaScript提供了多种方法来实现这个功能，下面将对这些方法进行详细地汇总说明。 1. 使用iframe刷新父页面：如果父页面中含有iframe嵌套子页面，子页面可以通过更改iframe的src属性来刷新整个父页面。这种方法...

javascript刷新父页面方法汇总详解: 当父页面包含一个`iframe`元素时，可以通过访问`parent`对象来刷新整个页面。以下是一个示例： ```html <script language="JavaScript"> parent.location.reload(); ``` 这段代码会重新加载父页面的URL，...

HTML中IFrame父窗口与子窗口相互操作: 子窗口可以通过`window.parent.close()`来关闭父窗口，但在此之前，需要解除与父窗口的引用，防止出现关闭询问，即`window.parent.opener = null;`。 2. **子窗口操作父窗口的大小**： - **最大化**：通过设置...

Global site tag (gtag.js) - Google Analytics