• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

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

开发技术 开发技术 4小时前 1次浏览

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  //节点对象

 

  1.  
    <html>
  2.  
    <head>
  3.  
    <title>differences</title>
  4.  
    </head>
  5.  
    <body>
  6.  
    <iframe id=“myframe” src=http://www.baidu.com&#8221; height=400 width=400></iframe>
  7.  
    </body>
  8.  
    <script type=“text/javascript“>
  9.  
    document.body.onload = function(){
  10.  
    //这种写法没问题
  11.  
    //document.getElementById(‘myframe’).src = ‘http://www.google.com&#8217;;
  12.  
    //这种写法会出错
  13.  
    //document.getElementById(‘myframe’).location.href=’http://www.google.com&#8217;;
  14.  
    //这种写法可行
  15.  
    //window.frames[0].location.href=’http://www.google.com&#8217;;
  16.  
    //这种会有permission denied错误。
  17.  
    //window.frames[0].src=’http://www.google.com&#8217;;
  18.  
    }
  19.  
    </script>
  20.  
    </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; 


程序员灯塔
转载请注明原文链接:document.getElementById('myframe')和window.frames[i]的区别
喜欢 (0)