iframe操作ie，firefox兼容

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


<iframe  style="display:none;" id="dataLoader" οnlοad="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对象.

 /var data = document.frames["iframeID"].getHTML(); 只支持IE
//var data = document.getElementById("iframeID").contentWindow.document.getElementById("iframe_textarea").value;
var data = parent.frames["iframeID"].getHTML();// 支持IE和FireFox

以下脚本在IE中是没有任何问题，可以成功执行，可是在FireFox运行错误，无法执行!

<script>parent.document.iframeID.document.location.href='mypage/reset.aspx';</script>

修改如下， 在IE和FireFox可以成功兼容。

<script>parent.frames[""iframeID""].document.location='mypage/reset.aspx';</script>

 

 

转载于:https://www.cnblogs.com/ytmf007/archive/2009/12/04/1616912.html