`
Blackbaby
  • 浏览: 183849 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

javascript的top,parent,opener,iframe

 
阅读更多

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

    标题中的"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("&lt;script&gt;opener.location.reload();&lt;/script&gt;"); ``` #### 7. 刷新模态对话框 当涉及到模态对话框时,可能需要在对话框关闭后刷新页面。这可以通过 JavaScript 的 `showModalDialog` 方法...

    javascript的经典面试题汇总

    - **解析**:可以通过JavaScript动态地调整IFrame的高度、宽度等属性。 **答案**: ABCD #### 9. 关于表格表述正确的有: - **选项A**: `表格中可以包含TBODY元素` - **解析**:`&lt;tbody&gt;`元素用于定义表格中的...

    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 &lt;script language="JavaScript"&gt; parent.location.reload(); ``` 这段代码会重新加载父页面的URL,...

    HTML中IFrame父窗口与子窗口相互操作

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

Global site tag (gtag.js) - Google Analytics