★★ 总结：获取 Iframe内的元素对象,兼容ie、firefox

最新推荐文章于 2022-04-23 15:36:07 发布

最新推荐文章于 2022-04-23 15:36:07 发布 · 156 阅读

文章标签：

#javascript #ViewUI

本文详细解析了如何在使用iframe时确保在Firefox和IE浏览器间的一致性，包括JavaScript调用、样式设置、滚动条权限等问题的解决策略。

为兼容ie、firefox特别做了如下处理：

if(navigator.appName == "Netscape") {//firefox等兼容

document.getElementById("historyframe").contentDocument.getElementById("ChatList").innerHTML +="abc";

}else{//ie兼容

document.frames("historyframe").ChatList.innerHTML +="abc";

}

注意，这里的的“ChatList”是chatList.jsp中的div：<div id='ChatList'></div>

其他iframe资料：

Firefox 和 IE JavaScript兼容性

url:http://pengchb2002.blog.163.com/blog/static/1618824120085171132903/

1.iframe 调用子页面的函数
IE:iframeId.function
FF:document.getElementById("iframeId").contentWindow.function
ps:FF: window 为contentWindow; document 为contentDocument

2.class 属性
IE:obj.setAttribute("className","style");
FF:obj.setAttribute("class","style");
3.获取document.scrollHeight权限出错
通过Iframe操作scroll相关属性和行为时,如果src的资源和父页面不部署在同一应用下,会报此错误

学习HTML：iframe用法总结

url：http://blog.youkuaiyun.com/BiologyPianoProgram/archive/2009/04/23/4103062.aspx

真正的iframe高度自适应(兼容IE,FF,Opera)

url： http://540079673.blog.163.com/blog/static/12071647620103211042804/