一． 浏览器中的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[i]); 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[i]); 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[i],
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[i]);
}
如果没有匹配的节点，返回的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对象。
2． Mozilla中XSLT的支持
略。