`

Firefox的IFrame编程[转载]

阅读更多

原文网址:http://www.lukee.cn/article.asp?id=158

//最近碰到了很多ie和firefox的js问题,发现主要集中在ie和firefox的js结构有些不同,ie有很多默认,firefox没有,firefox需要写清路经。在网上找到这个东西,抛砖引玉。

前天接到一个任务,在向一个输入框输入时,动态从服务器获取辅助录入数据。很简单想到使用IFrame实现(当然也可以使用httpRequest,但我只是使用Notepad没有server所以选择IFrame)。
于是简单的写下如下代码:

<iframe  style="display:none;" id="dataLoader" onload="getData()"></iframe>
function getData(){
        var d=document.getElementById("dataLoader").document;
        var data=d.getElementById("list");
        //...
        //以下省略
        //...
}

当我使用IE时没有问题,但使用Firefox时有问题,:(.
我跟踪发现document.getElementById("dataLoader").document返回是空值。
紧接着我发现ff中document.getElementById("dataLoader")的类型是Frame,于是网上一通查,o终于找到
http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html
过去我一直郁闷没有mozilla手册,现在好了,找到了。
由frame我找到
var d=document.getElementById("dataLoader").document;
应改为
  var d=document.getElementById("dataLoader").contentWindow.document;
 
  contentWindow属性可以返回Frame中的window;可是MSDN中也这个属性,但不写也可以,嗨IE中可能有默认属性吧。

另外:可以使用
window.frames["frameName"].document语法直接获取frame里的document对象.

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics