document.getElementById('myframe')和window.frames[i]的区别 - 不及格的程序员-八神

公告

document.getElementById('myframe')和window.frames[i]的区别

window.frames["main"].document.getElementById("btnQuery").click();
            //==this.ownerDocument.getElementById("main").contentWindow.document.getElementById("btnQuery")
            //document.getElementById("main").contentWindow.document.getElementById("btnQuery")

1、IE专用(通过frames索引形象定位)： document.frames[i].document.getElementById('元素的ID');

2、IE专用(通过IFRAME名称形象定位)： document.frames['iframe的name'].document.getElementById('元素的ID');

以上方法，不仅对IFRAME适用，对FRAMESET里的FRAME也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路径之外，提供了一个简洁且形象化的写法。

3、通用方法： document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

注意要加上contentWindow，往往出现问题都是因为这个容易被忽略，它代表FRAME和IFRAME内部的窗口对象。

但是，很明显，这种写法非常要命，太长了。如果要操作一系列里面的元素，这样写起来，实在够受的，就算用复制粘贴大法，眼睛看起来也是个问题。

问题：使用window.frames[0].src怎么都获取不到url地址，而用$("#frame1").attr("src")却可以

原因如下：

在DOM文档对象模型中，window对象处于最高层，而框架除了是当前窗体的一个节点外，本身也是一个独立window对象，　当frames作为window对象时，有name属性，而没有src属性，只有作为节点时才有src属性，　也就是说window.frames[0]这种写法代表一个window对象，所以window.frames[0].src　当然是undefined了，这也是很多人容易混淆的原因！

若要获得src属性，可以这样写：document.getElementById(frame_id).src　　//节点对象

<html>
<head>
<title>differences</title>
</head>
<body>
<iframe id="myframe" src="http://www.baidu.com" height=400 width=400></iframe>
</body>
<script type="text/javascript">
document.body.onload = function(){
//这种写法没问题
//document.getElementById('myframe').src = 'http://www.google.com';
//这种写法会出错
//document.getElementById('myframe').location.href='http://www.google.com';
//这种写法可行
//window.frames[0].location.href='http://www.google.com';
//这种会有permission denied错误。
//window.frames[0].src='http://www.google.com';
}
</script>
</html>

var obj = document.getElementById(“iframe”);//获取对象

var dom = document.all.frames[“iframe”];//获取DOM

一个是对象一个是DOM.

如果只想改变iframe的 src 或者 border ，scrolling 等attributes(与property不是一个概念,property是不能写在标签内的，比如:scrollHeight，nnerHTML等)，就需要用到第一种方法。

如果想取得iframe的页面(不是iframe本身)。就需要使用第二种方法，因为它取得的是一个完整的DOM模型，比如想得到iframe的document.body的内容，就只能用第二种方法

另:document.getElementById取到的iframe是不能直接操作里面的document的，只能这样取：

在IE为是frames[id].document或document.getElementById(id).contentWindow.document;

posted on 2021-07-22 17:26 不及格的程序员-八神阅读(422) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部