javascript的top,parent,opener,iframe

本文详细介绍了HTML中iframe的使用方法及与其他窗口如top、parent、opener之间的交互方式。通过具体示例,展示了如何利用document.getElementById与document.frames分别获取iframe的不同属性与内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>

 

 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值