<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对象.
/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>