js xmldom

来源：互联网发布：淘宝一年消费1万5 编辑：程序博客网时间：2024/04/29 22:22

一．浏览器中的XML DOM支持
目前只有两种浏览器支持客户端的XML处理，分别是IE和Mozilla。
1． IE中的XML DOM支持
在为IE添加XML支持时，微软在JavaScript之外另寻了个方案：基于ActiveX的MSXML库。
1） DOM创建
对每个新版本的MSXML，都会创建出不同的XML DOM对象，而它们各自的名称也不相同，MSXML最新的版本是5.0。它存在如下几种XML DOM实现：
i）Microsoft XmlDom（最原始的）；
ii）MSXML2.DOMDocument；
iii）MSXML2.DOMDocument3.0；
iv）MSXML2.DOMDocument4.0；
v）MSXML2.DOMDocument5.0。
为确保使用了正确的XML DOM版本，也为避免任何其他错误，我们可以创建一个函数来测试每个XML DOM对象字符串，出现错误即捕获：function
createXMLDOM() {
var arrSignatures = {"MSXML2.DOMDocument5.0", "MSXML2.DOMDocument4.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument",
"Microsoft XmlDom"};
for (var i= 0; i < arrSignatures.length; i++) {
try {
var oXmlDom = new ActiveXObject(arrSignatures);
return oXmlDom;
} catch(oError) {
//ignore
}
}
throw new Error("SXML is not installed on your system.";
}

注意：这段在IE中创建XML DOM的代码在其他浏览器会出现错误。因此，必须在其之前先进行浏览器检测。
2）载入XML
有了可用的XML DOM对象后，就可以载入XML了，微软的XML DOM提供两种方法，.即：loadXML()和load()。
loadXML()方法可直接向XML DOM输入XML字符串，eg.
var oXmlDom = createXMLDOM();
oXmlDom.loadXML("<root><child/></root>");
load()方法用于从服务器上载入XML文件，不过load()方法只可以载入与包含JavaScript的页面存储于同一个服务器上的文件，即：不可以通过其他人
的服务器载入XML文件。
还有两种载入文件的模式：同步与异步。以同步模式载入时，JavaScript代码会等待文件完全载入后才继续执行代码；而以一步模式载入时，不会等
待，可以使用事件处理函数来判断文件是否完全载入了。默认情况下，为异步载入。要进行同步载入，需设置async特性为false，如下：
oXmlDom. async = false;
然后使用load()方法，并给出要载入的文件名：
oXmlDom.load("test.xml");
异步载入文件时，要使用readyState特性和onreadystatechange事件处理函数：
readyState特性有五种可能的值：
0--DOM尚未初始化任何信息；
1--DOM尚未载入数据；
2--DOM完成了数据载入；
3--DOM已经可用，不过某些部分可能还不能用；
4--DOM已经完全被载入，可以使用了。
一旦readyState的值发生变化，就会触发onreadystatechange事件。使用该函数，就可以在DOM完全载入时，发出通知：
oXmlDom.onreadystatechange = function() {
if (oXmlDom.readyState == 4) {
alert("已完全载入!");
}
}
必须在调用load()方法前分配好onreadystatechange事件处理函数，如下所示：
oXmlDom.onreadystatechange = function() {
if (oXmlDom.readyState == 4) {
alert("已完全载入!");
}
}
oXmlDom.load("test.xml");
注意：事件处理函数代码使用oXmlDom而不是this关键字，这是JavaScript中ActiveX对象的特殊之处。
load()方法可以接受部分的、相对的或者完整的XML文件路径。eg.
oXmlDom.load("test.xml");
oXmlDom.load("../test.xml");
oXmlDom.load("http://www.amigo.com/test.xml")。
3）获取XML
把XML载入到DOM中后，还需将XML取出来，微软为每个节点（包括文档节点）都添加了一个xml特性，使得这个操作十分方便，它会将XML表现形式作为
字符串返回。所以获取载入后的XML十分简单：
oXmlDom.load("test.xml");
alert(oXmlDom.xml);
也可以获取某个特定节点的XML:
var oNode = oXmlDom.documentElements.childNodes[1];
alert(oNode.xml);
xml特性是只读的，如果尝试直接对其进行赋值会产生错误。
4）解释错误
微软的XML DOM的parseError的特性包含了关于解析XML代码时所遇到的问题的所有信息。
parseError特性实际上是包含以下特性的对象：
errorCode--表示所发生的错误类型的数字代号（没有错误时为0）；
filePos--错误发生在文件中的位置；
line--遇到错误的行号；
linepos--在遇到错误的那一行上的字符的位置；
reason--对错误的一个解释；
srcText--造成错误的代码；
url--造成错误的文件的URL（如果可用）。
可直接对parseError自身取值，它会返回errorCode的值。Eg.
if (oXmlDom. parseError != 0) {
//...
}
可以使用parseError对象来创建自己的错误对话框：
if (oXmlDom. parseError != 0) {
var oError = oXmlDom. parseError;
alert("错误发生！\nerrorCode: " + oError. errorCode
+ "\nLine:" + oError.line + "\nLine Pos: " + oError. linepos
+ "\nReason: " + oError. reason);
}

2. Mozilla中的XML DOM支持
略。

3. 通用接口
有了跨浏览器的解决方案时，使用XML DOM进行开发才真正有用。IE和Mozilla的实现之间有着很明显的区别，开发时会造成很严重的问题。需要找
出一套能在两种浏览器中都可以使用XML DOM的通用方法。
1）修改DOM创建
最简单方法是创建伪类，使其通过var oXmlDom = new XmlDom ();来创建XML DOM。在其构造函数中进行浏览器检测，eg.
function XmlDom() {
if (window.ActiveObject) {
//IE-specific code
} else if (document.implementation && document.implementation.createDocument) {
//DOM-specific code
} else {
throw new Error("你的浏览器不支持XML DOM对象");
}
}
2） IE分支
将上节的IE中创建DOM的代码转贴到上述代码中。
3） Mozilla分支
略。
4）完整代码
完整代码如下所示：
function XmlDom() {
if (window.ActiveXObjext) {
var arrSignatures = {"MSXML2.DOMDocument5.0", "MSXML2.DOMDocument4.0", "MSXML2.DOMDocument3.0", "MSXML2.DOMDocument", "Microsoft
XmlDom"};
for (var i= 0; i < arrSignatures.length; i++) {
try {
var oXmlDom = new ActiveXObject(arrSignatures);
return oXmlDom;
} catch(oError) {
//ignore
}
}
throw new Error("MSXML is not installed on your system.");
} else if (document.implementation && document.implementation.createDocument) {
var oXmlDom = document.implementation.createDocument("", "", null);
oXmlDom.parseError = {
valueOf: function() {return this.errorCode;},
toString: function() {return this.errorCode.toString()};
}
oXmlDom.addEventListener("load", function()) {
this.__checkForErrors__();
this.__changeReadyState__(4);
}, false);
return oXmlDom;
} else {
throw new Error("你的浏览器不支持XML DOM对象");
}
}
if (isMoz) {
Document.prototype.readyState = 0;
Document.prototype.onreadystatechange = null;
Document. prototype.__changeReadyState__ = function(iReadyState) {
this.readyState = iReadyState;
if (typeof this.onreadystatechange == "function") {
this.onreadystatechange();
}
};
Document.prototype.__initError__ = function() {
this.parseError.errorCode = 0;
this.parseError..filepos = -1;
this.parseError..line = -1;
this.parseError..lineppos = -1;
this.parseError..reason = null;
this.parseError.srcText = null;
this.parseError..url = null;
};
Document.prototype.__checkForErrors__ = function() {
if (this.documentElement.tagName == "parseError") {
var reError = />([\s\S]*?)Location:([\s\S]*?)Line Number (\d+), Column (\d+):<sourcetext>([\s\S]*?)(?:\-*\^)/;
reError.text(this.xml);
this.parseError..errorCode = -999999;
this.parseError..reason = RegExp.$1p;
this.parseError..url = this.parseError..$2;
this.parseError..line = pauseInt(RegExp.$3);
this.parseError..linepos = parseInt(RegExp.$4);
this.parseError..srcText = RegExp.$5;
}
};
Document.prototype.loadXML = function(sXml) {
this.__initError__();
this.__changeReadyState__(1);
var oParser = new DomParser();
var oXmlDom = oParser.parseFromString(sXml, "text/xml");
while (this.firstChild) {
this.removeChild(this.firstChild);
}
for (var = 0; I < oXmlDom.childNodes.length; i++) {
var oNewNode = this.importNode(oXmlDom.childNodes, true);
this.appendChild(oNewNode);
}
this.__checkForErrors__();
this.__changeReadyState__(4);
};
Document.prototype.__load__ = Document.prototype.load;
Document.prototype.load = function(sURL) {
this.__initError__();
this.__changeReadyState__(1);
this.__load__(sURL)L
};
Node.prototype.__defineGetter__("xml", function()) {
var oSerializer = new XMLSerializer();
return oSerializer.serializeToString(this. "text/xml");
});
}
二．浏览器对XPath的支持
XPath是一种可以在XML代码中定位数据的方式。
1. 简介
每个XPath表达式有两部分：一个上下文节点和一个节点模式。前者提供了节点模式起始的位置。节点模式是由一个或多个节点选择器组成的字符串。
Eg. <?xml version="1.0"?>
<employees>
<employee title="软件工程师">
<name>阿蜜果</name>
</employee>
<employee title="测试工程师">
<name>amigo</name>
</employee>
</employees>若XPath表达式employee/name,匹配的是<name>阿蜜果</name>和<name>amigo</name>，若要选择<employee/>元素的第一个
<name/>元素，可用employee[position() == 1]/name。在XPath中，方框记号用于为某个节点提供更加确切的信息，position()用于返回元素在父节
点下的位置。
除了未知和名称外，还可以使用不同的方法来匹配元素，若要选择所有title特性为"软件工程师"的<employee/>元素，对应的表达式为：
employee[@title = "软件工程师"]
其中@是attribute的缩写。
2． IE中XPath的支持
每个节点的都有两个可用于获取匹配XPath模式的节点的方法：
selectNodes()：用于匹配某个模式的节点的集合；
selectSingleNode()：用于返回匹配给定模式的第一个节点。
eg. varlstNodes = oXmlDom.documentElement.selectNodes("employee/name");
返回包含所有匹配给定模式的节点的NodeList，可以通过如下方式迭代所有的元素：
for (var i = 0; i < varlstNodes.length; i++) {
alert(varlstNodes);
}
如果没有匹配的节点，返回的NodeList的length为0。
3． Mozilla中XPath的支持
略。
三．浏览器的XSLT支持
XSLT：可扩展样式表语言转换，可由一些模板组成。模板属于XML的某个特性的一部分（使用XPath指定），它可以决定为这一部分输出什么文本。通
过为不同的元素和条件定义模板，XSLT样式表变成了一种XML的解析器。
1． IE对XSLT的支持
从MSXML3.0开始，IE就完全支持XSLT1.0了。对于在IE6.0以前的版本，还需要安装新版的MSXML。
最简单的XSLT转换的方法是：分别将XML源代码和XSLT文件载入各自的DOM，并使用特有的transformNode方法：
oXmlDom.load("employees.xml");
oXslDom.load("employees.xslt");
var sResult = oXmlDom. transformNode(oXslDom);
其实，也可以不从文档层次转换，而从节点层次转换，如果从某个节点调用transformNode()，则从这个点开始转换，但是XSLT能访问包含这个节点
的整个XML文档。
在IE中使用XSLT的另外一个比较复杂的方法是，使用XSL模板和处理器。这种方法必须使用MSXML的其他几个ActiveX控件。首先XSLT文件必须载入到
一个自由线程DOM文档中，代码如下：
var oXslDom = new ActiveXObject("MSXML2.FreeThreadedDOMDocumnet");
oXslDom.asyn = false;
oXslDom.load("employees.xml");
自由线程DOM文档建立并加载好后，必须将其分配到XSL模板中，这是另一个ActiveX对象：
var oTemplate = new ActiveXObject(":MSXML2.XSLTemplate");
oTemplate.stylesheet = oXslDom;
然后，可以用XSL模板来创建一个XSL处理器：
var oProcessor = oTemplate.createProcessor();
创建处理器后，将input特性设置为要进行转换的XML DOM节点，然后调用transform()方法：
oProcessor.input = oXmlDom;
oProcessor.transform();
然后将从output特性中访问结果字符串：
var sResult = oProcessor.output;
这个复杂的方法模仿了transformNode()的功能，但该方法允许更多地控制XSLT。
注意：MSXML只支持XSLT1.0。MSXML的开发自从转到.NET Framework后就停止了。可能在未来的某天，JavaScript会允许访问XML和XSL的.NET对象。