★★ 总结:获取 Iframe内的元素对象,兼容ie、firefox
2010-05-26 22:43
417 查看
为兼容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 name="historyframe" id="historyframe" style="margin-left:0;margin-right:0px;background-color:ivory;" frameborder="0" width="100%" height="100%" src="<%=path %>/jsp/customer/chatList.jsp"></iframe>
其他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.csdn.net/BiologyPianoProgram/archive/2009/04/23/4103062.aspx
真正的iframe高度自适应(兼容IE,FF,Opera)
http://540079673.blog.163.com/blog/static/12071647620103211042804/" target=_blank>url: http://540079673.blog.163.com/blog/static/12071647620103211042804/
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 name="historyframe" id="historyframe" style="margin-left:0;margin-right:0px;background-color:ivory;" frameborder="0" width="100%" height="100%" src="<%=path %>/jsp/customer/chatList.jsp"></iframe>
其他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.csdn.net/BiologyPianoProgram/archive/2009/04/23/4103062.aspx
真正的iframe高度自适应(兼容IE,FF,Opera)
http://540079673.blog.163.com/blog/static/12071647620103211042804/" target=_blank>url: http://540079673.blog.163.com/blog/static/12071647620103211042804/
相关文章推荐
- ★★ 总结:获取 Iframe内的元素对象,兼容ie、firefox
- [DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用
- 兼容IE和Firefox的javascript获取iframe文档内容的变量
- 访问iframe里面的javascript函数、对象,兼容IE、Firefox
- js通过事件获取页面元素对象-适用于IE、FireFox
- 访问iframe里面的javascript函数、对象,兼容IE、Firefox
- 用Javascript获取Iframe中的内容(兼容IE&firefox)
- 兼容IE和Firefox的javascript获取iframe文档内容的函数
- javascript获取iframe文档内容(兼容IE和Firefox)
- 兼容IE和Firefox的javascript获取iframe文档内容的函数
- IE、Firefox兼容form target当前页iframe,javascript动态创建表单对象form设置name属性
- javascript获取iframe文档内容(兼容IE和Firefox)
- 判断iframe或脚本对象是否加载完毕的方法(兼容ie和Firefox)
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- Javascript元素拖曳操作 (兼容IE,Opera,Firefox)
- Javascript获取IFrame内容(兼容IE&FF)
- Javascript下IE与Firefox下的差异兼容写法总结
- 兼容IE,firefox的获取节点的文本值的javascript代码
- iframe多层嵌套时获取元素总结
- IE · FireFox 兼容总结