不同浏览器的XMLDOM 对象
一 IE中的XML DOM
1.微软通过ActiveX的MSXML库提供了支持,通过:
- var oXmlDom = new ActiveXObject("MSXML2.DOMDocument.5.0")
得到一个XML DOM对象,这是在IE6中的,如果你的IE是更老版本的,可以使用下面的函数得到,如果你没有安装MSXML,将不能得到:
- function createXMLDOM() {
- var arrSignatures = ["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0",
- "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument",
- "Microsoft.XmlDom"];
- for (var i=0; i < arrSignatures.length; i++) {
- try {
- var oXmlDom = new ActiveXObject(arrSignatures[i]);
- return oXmlDom;
- } catch (oError) {
- //ignore
- }
- }
- throw new Error("你的系统没有安装MSXML");
- }
当然,如果你使用prototype库,可以使用Try.these函数。
2.XML DOM对象可以通过load和loadXML方法载入xml文件或者字符串:
- oXmlDom.load("test.xml");
- oXmlDom.loadXML("<root></root>");
然后这个oXmlDom就可以使用所有的DOM对象方法,比如documentElement.tagName,参见:
《javascript之DOM技术(一)》
《javascript之dom技术(二)》
3.XML DOM默认是通过异步载入xml文件的,可以通过设置async值来选择是同步还是异步:
- oXmlDom.async=true;
4.IE的XML DOM拥有一个readyState值用来表示载入文件的状态:
0——准备载入
1——正在载入
2——载入完成
3——载入完成并可用,但有一部分数据也许不可用
4——完全载入,完全可用。
相应的有一个onreadystatechange事件,当状态改变时发生,我们可以通过监听此事件来判断XML DOM对象的可用性
- oXmlDom.onreadystatechange = function () {
- if (oXmlDom.readyState == 4) {
- alert("load test.xml done!");
- alert("Tag name of the root element is " + oXmlDom.documentElement.tagName);
- alert("The root element has this many children: " + oXmlDom.documentElement.childNodes.length);
- }
- };
5.IE的XML DOM对象有一个xml属性,用来返回xml文件的字符串形式,比如
- oXmlDom.async=false;
- oXmlDom.load("test.xml");
- alert(oXmlDom.xml);
alert出:<root><child/><child/></root>
6.IE,当载入的XML文件或者字符串解析错误时,将产生一个parseError对象,我们在下面的代码中演示此对象的属性:
- oXmlDom.async = false;
- oXmlDom.load("errors.xml");
- //0表示没有错误
- if (oXmlDom.parseError != 0) {
- var oError = oXmlDom.parseError;
- alert("An error occurred:\n错误代码: "
- + oError.errorCode + "\n"
- + "行数: " + oError.line + "\n"
- + "列数: " + oError.linepos + "\n"
- + "原因: " + oError.reason);
- }
二.Mozilla的XML DOM对象
1.XML DOM对象的创建,符合DOM标准的,通过document.implementation.createDocument()方法。比如:
- var oXmlDom=document.implementation.createDocument("","",null);
这三个参数分别是文档命名空间、文档元素的标签名以及一个文档类型对象(总为null),比如:
- var oXmlDom=document.implementation.createDocument("http://www.rubyeye.net","root",null);
这段代码创建了一个<a0:root xmlns="http://www.rubyeye.net"/>的XML DOM对象
2.载入xml,Mozilla与IE不同的是只提供了一个load()方法用于载入xml文件,没有提供loadXML()方法用于载入XML字符串。同步载入XML文件的代码与IE相同:
- oXmlDom.async=false;
- oXmlDom.load("test.xml");
异步载入稍有不同,因为Mozilla并不支持readyState属性,并且没有onreadystatechange事件,它只有一个onload的事件,当载入完成时触发;或者说相当于IE的readyState属性等于4的状态。
- oXmlDom.onload=function(){
- alert("done");
- }
- oXmlDom.load("test.xml");
要将XML字符串解析为DOM对象,必须使用DOMParser对象:
- var oParser=new DOMParser();
- var oXmlDom=oParser.parseFromString("<root><child/></root>,"text/xml");
两个参数:要解析的XML字符串以及字符串的内容类型(只能为text/xml或者application/xml)。
不过我们可以实现自己的loadXML方法:
- Document.prototype.loadXML = function (sXml) {
- var oParser = new DOMParser();
- var oXmlDom = oParser.parseFromString(sXml, "text/xml");
- //删除原文档内容
- while (this.firstChild) {
- this.removeChild(this.firstChild);
- }
- //导入新的文档内容
- for (var i=0; i < oXmlDom.childNodes.length; i++) {
- var oNewNode = this.importNode(oXmlDom.childNodes[i], true);
- this.appendChild(oNewNode);
- }
- };
3.Mozilla没有提供IE的xml属性来返回XML文档内容,只能通过使用XMLSerializer对象:
- var oSerializer=new XMLSerializer();
- var sXml=oSerializer.serializeToString(oXmlDom,"text/xml");
同样两个参数:XML DOM对象以及转化成的文档类型。
同样,我们也可以给Mozilla的XML DOM对象定义一个属性xml,通过defineGetter方法:
- Node.prototype.__defineGetter__("xml",function(){
- var oSerializer=new XMLSerializer();
- var sXml=oSerializer.serializeToString(this,"text/xml");
- });
以后就可以以IE的方式,oXmlDom.xml来获取XML文档内容。
第1页:不同浏览器的XMLDOM 对象(1) 第2页:不同浏览器的XMLDOM 对象(2)
© CopyRight 2008-2010, JSJGZ.CN, 计算机故障 Inc. All Rights Reserved
闽ICP备09000710号 增值电信业务经营许可证闽B2-20080004号 Rss订阅