您的位置：首页 > Web前端 > JavaScript

javascript的top，parent，opener,iframe

2007-12-17 13:40 447 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： iframe javascript function 浏览器 input

相关文章推荐

新的分享

章节导航