跨浏览器开发帮助文档

《跨浏览器开发帮助文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、跨浏览器开发帮助文档支持的浏览器：IE6-9，Safari，FireFox，Chrome支持平台：Windows，iPad一、函数和方法差异1.eval(idName)问题【问题描述】IE、safari、Chrome浏览器下都可以使用eval(idName)或getElementById(idName)来取得id为idName的HTML对象；firefox下只能使用getElementById(idName)来取得id为idName的HTML对象.【兼容办法】统一用getElementById("idName")来取得id为idName的HTML对象。例如：eval("idconx

2、Msg"+vid).style.width【修改说明】eval()函数功能有很多，这里仅修改获取对象的使用。【查询参考关键字】eval(*)。格式：通配符2.ActiveXObject【问题描述】IE下支持用varobj=newActiveXObject()的方式创建对象，但其它浏览器都会提示ActiveXObject对象未定义。【兼容办法】(1)在使用newActiveXObject()之前先判断浏览器是否支持ActiveXObject对象，以创建AJAX对象为例：if(window.ActiveXObject){this.req=newActiveXObject("Micros

3、oft.XMLHTTP");}elseif(window.XMLHttpRequest){this.req=newXMLHttpRequest();}(2)使用JQUERY封装的ajax方法来创建对象，以创建AJAX对象为例，可以参考JSxmlhttp.js文件中的创建方法。varstrResponse="";jQuery.ajax({url:sAspFile,data:""+sSend+"",processData:false,async:false,type:"POST",error:function(XMLHttpRequest,textStatu

4、s,errorThrown){strResponse=textStatus;},success:function(data,textStatus){strResponse=data;}});【修改说明】ActiveXObject常来创建AJAX对象和XML文档对象，所有使用ActiveXObject的地方都需要替换。【查询参考关键字】newActiveXObject(*)。格式：通配符1.XML操作【问题描述】通常装载xml文档使用ActiveXObject对象，但除非IE外，其它浏览器都不支持此方法。XML文档操作，IE和其它浏览器也存在不同，通常取XML对象的XML文本的方法是

5、xml.documentElement.xml，但xml属性只有IE支持，其它浏览器均不支持。查找节点是常用的方法有selectNodes和selectSingleNode，这两个方法也只有IE支持，其它浏览器需要自己扩展。【兼容办法】(1)装载XML文档：用$.ajax()，参考jquery帮助文档(2)xml对象转字符串：使用公共方法xmltostring(xml)，此方法在JSCommon.js中。如//varoXML0=newActiveXObject("Microsoft.XMLDOM");//oXML0.async="false";//oXML0.loadXML("<

6、root>"+xml+"");varoXMLO=stringtoxml(""+xml+"");varroot=oXMLO.documentElement;//varstrXml=root.xml;varstrXml=xmltostring(root).replace("","");(3)字符串转xml对象：使用公共方法stringtoxml(str)，此方法在JSCommon.js中。如//varoXML=newActiveXObject("Microsoft.XMLDOM");//oXML.async="false";//oX

7、ML.loadXML(""+document.getElementById("hidTaskXml").value+"");varoXML=stringtoxml(""+document.getElementById("hidTaskXml").value+"");(4)查找结点：可以用JQUERY同的find方法来查找结点，如//varitem=oXML.selectNodes("root/record");var