1、浏览器中的 XML打开 XML首先,直接从浏览器中打开 XML 文件,浏览器会对其进行格式良好性检查,如果不符合 XML 语法规范则显示出错,如果格式良好,再检查是否包含样式表(CSS或 XSL),如果包含样式表,则用样式表格式化 XML 文档然后显示,如果没有,则显示经过格式化的 XML 源码(不同浏览器显示方式不一样).注意,浏览器只对 XML进行格式良好性检查,而不对其进行有效性检查!如何在 XML 文档中引入样式表?示例:如果是使用 XSL,只需将上面的 type 属性值改成 text/xsl 即可!XMLHttpRequest 对象的 responseXML 属性XMLHttpReq
2、uest 对象的 responseXML 属性用来获取从服务器端返回的 XML文件,如果没有则为 null.注意,只有在服务器环境下,请求一个以.xml 为后缀的文件返回的才会是一个 XML DOM,在本地请求一个 XML 文件,返回的仍是文本文件.如果要使用服务器脚本生成字符串,要返回 XML,必须加上一些头信息/JS Codevar xhr = XHR();/XHR 为之前所写的可以跨浏览器创建XMLHttpRequest 对象的函数xhr.open(“get“,“test.php“,true);xhr.onreadystatechange = function () if (xhr.re
3、adyState=4 /可以使用 DOM 2 Core 的一些属性和方法;xhr.send(null);/PHP Codeheader(“Content-Type:text/xml“);/发送 MIME 信息echo XML;更简单的方法:直接加载 XML 文件浏览器也提供了直接加载 XML 文件的方法,但也仅仅火狐与 Windows 平台上的 IE 支持而已.同样,两者之间的实现也有很大的差别的!IE 中的 XML DOM微软在 JavaScript 中引入了用于创建 ActiveX 对象的 ActiveXObject 类。ActiveXObject 的构造函数只有一个参数要进行实例化的 A
4、ctiveX 对象的字符串代号。例如，XML DOM 对象的第一个版本称为 Microsoft.XmlDom。所以，要创建这个对象的实例，使用以下代码：var xmlDom = new ActiveXObject(“Microsoft.XmlDom“);IE 中的 XML DOM 支持的最新版本是 5.0,IE 中存在以下版本的 XML DOM 实现: Microsoft.XmlDom（最原始的） MSXML2.DOMDocument MSXML2.DOMDocument.3.0 MSXML2.DOMDocument.4.0 MSXML2.DOMDocument.5.0 自然地，只要可能，大家
5、都会选择最新的 XML DOM 的版本，因为新版会提高速度，添加一些新的功能如验证等。但是，如果尝试创建不存在于客户端机器上的 ActiveX 对象，IE 就会抛出错误并停止所有执行。所以，为确保使用了正确的 XML DOM 版本，也为避免任何其他错误，我们可以创建一个函数来测试每个 XML DOM 字符串，出现错误即捕获：function XMLDOM() var xmlDomVers = “Microsoft.XmlDom“,“MSXML2.DOMDocument“,“MSXML2.DOMDocument.3.0“,“MSXML2.DOMDocument.4.0“,“MSXML2.DOMD
6、ocument.5.0“;for (var i=xmlDomVers.length-1;i=0;i-) try var xmlDom = new ActiveXObject(xmlDomVersi);return xmlDom; catch(e) continue;接下来就是载入 XML. 微软的 XML DOM 有两种载入 XML 的方法：loadXML()和 load()。loadXML()方法可直接向 XML DOM 输入 XML 字符串.load()方法用于从服务器上载入 XML 文件。不过，load()方法只可以载入与包含 JavaScript 的页面存储于同一服务器上的文件，也就是
7、说，不可以通过其他人的服务器载入XML 文件。 load 方法还有两种载入文件的模式：同步和异步。以同步模式载入文件时，JavaScript 代码会等待文件完全载入后才继续执行代码；而以异步模式载入时，不会等待，可以使用事件处理函数来判断文件是否完全载入了。默认情况下，文件按照异步模式载入。要进行同步载入，只需设置 async 特性为false： /Only For IEvar xmlDom = XMLDOM();xmlDom.loadXML(“);alert(xmlDom.documentElement.nodeName);var xml = XMLDOM();xml.async = fal
8、se;/同步载入xml.load(“test.xml“);alert(xml.documentElement.firstChild.nodeValue);/同步加载时需要使用 readystatechange 事件监听var xml2 = XMLDOM();xml2.async=true;/可以不指定, 默认是异步载入的xml2.onreadystatechange = function () /必须在调用 load 方法前分配此事件处理函数if (xml2.readyState=4) /readyState 的含义和 XHR对象是一样的/注意这里没有使用 this,因为 IE 下的Activ
9、eXObject 很特殊,使用 this 会出错alert(xml2.xml);/与 innerHTML 属性类似,IE 中的 xml 属性返回 XML 字符串形式的源码/但注意,IE 中的 XMLDOM 对象的 xml 属性是只读的;xml2.load(“test.xml“);在尝试将 XML 载入到 XML DOM 对象中时，无论使用 loadXML()方法还是load()方法，都有可能出现 XML 格式不正确的情况。为解决这个问题，微软的XML DOM 的 parseError 的特性包含了关于解析 XML 代码时所遇到的问题的所有信息。parseError 特性实际上是包含以下特性的对
10、象： errorCode表示所发生的错误类型的数字代号（当没有错误时为 0） filePos错误发生在文件中的位置 line遇到错误的行号 linepos在遇到错误的那一行上的字符的位置 reason对错误的一个解释 srcText造成错误的代码 url造成错误的文件的 URL（如果可用） 当直接对 parseError 自身取值，它会返回 errorCode 的值，也就是说可以这样进行检查if (xmlDom.parseError=0) alert(“没有出错!“); else var er = xmlDom.parseError;alert(“XML 解析出错! 错误信息如下:n错误代号:
11、“+er.errorCode+“n文件:“+er.filePos+“n行:“+er.line+“n字符:“+er.linepos+“n相关信息:“+er.reason+“n“);Mozilla 中的 XML DOM与 Mozilla 其他方面一样，它提供的 XML DOM 版本要比 IE 的更加标准。 Mozilla 中的 XML DOM 实际上是它的 JavaScript 实现，也就是说它不仅与浏览器一起衍化，同时它能可靠地在 Mozilla 支持的所有平台上使用。因此与不能在 Macintosh 上使用 XML DOM 的 IE 不同，Mozilla 的支持跨越了平台的界限。另外，Mozi
12、lla 的 XML DOM 实现了支持 DOM Level 2 的功能，而微软的，仅支持 DOM Level 1。DOM 标准指出，document.implementation 对象有个可用的createDocument()方法。Mozilla 严格遵循了这个标准，可以这样创建 XML DOM：var xmlDom = document.implementation.createDocument(“,“,null);createDocument()的三个参数分别是文档的命名空间 URL，文档元素的标签名以及一个文档类型对象（总是为 null，因为在 Mozilla 中还没有对文档类型对象的支
13、持）。前面这行代码创建一个空的 XML DOM。要创建包含一个文档元素的 XML DOM，只需将标签名作为第二个参数：var xmlDom = document.implementation.createDocument(“,“root“,null);这行代码创建了代表 XML 代码的 XML DOM。如果在第一个参数中指定了命名空间 URL，可进一步定义文档元素：var xmlDom = document.implementation.createDocument(“http:/www.x-do.org“,“root“,null);这行代码创建了表示的 XML DOM与微软的 XML DOM
14、 不同，Mozilla 只支持一个载入数据的方法：load()。Mozilla 中的 load()方法和 IE 中的 load()工作方式一样。只要指定要载入的XML 文件，以及同步还是异步（默认）载入。如果同步载入 XML 文件，代码基本上 IE 差不多：var xmlDom = document.implementation.createDocument(“,“root“,null);xmlDom.async = false;/同步载入xmlDom.load(“test.xml“);与 IE 不同的是,同步载入时,并没有 readychange 事件,而只有 load 事件,并且只有加载完
15、毕一种状态!var xmlDom = document.implementation.createDocument(“,“root“,null);xmlDom.async = true;/异步载入xmlDom.onload = function () alert(this.documentElement.childNodes.item(0).tagName);/对于 JS,访问节点列表既可以用 item 方法,又可用数字下标,而其它语言则不一定能使用下标;xmlDom.load(“test.xml“);另外,麻烦的是,Mozilla 的 XML DOM 不支持 loadXML()方法。要将 X
16、ML 字符串解析为 DOM，必须使用 DOMParser 对象,使用其 parseFromString 方法传入XML 字符串表现形式：var xmlParser = new DOMParser();var xmlDom = xmlParser.parseFromString(“,“text/xml“);/该方法返回一个 XML DOM 对象/第二个参数 text/xml 也可以是 application/xml,两者都用来解析 XML/还可以是 application/xhtml+xml,用来解析 XHTML,只能用这三种 MIME与直接解析 XML 字符串相对应的获取 XML 字符串的方法
17、,IE 中 XML DOM 对象具有只读的 xml 属性,而 Mozilla 则没有相对应的属性,但是，Mozilla 提供了可以用于同样的目的的 XMLSerializer 对象：var serializer= new XMLSerializer();var xmlStr = serializer.serializeToString(xmlDom,“text/xml“);/xmlDom 为一个 XML DOM 节点对象/而 text/xml 也可为 application/xml对于 XML 解析错误,Mozilla 的实现方式非常麻烦,它不像 IE 那样提供一个对象来表示错误,而是将错误信
18、息作为一个 XML 文档返回,要获取具体的错误信息,还必须用解析其中的字符串! var xmlParser = new DOMParser();var xmlDom = xmlParser.parseFromString(“,“text/xml“);alert(xmlDom.documentElement.nodeName);/将返回parsererror,因为文档解析出错时var serializer = new XMLSerializer();var str = serializer.serializeToString(xmlDom,“text/xml“);alert(str);/将输出类
19、似下面内容XML 解析错误：不符合的记号.预期： /child。 位置：file:/E:/XML/test.html 行：1 ，列：16： rootchild/root-而从其中抽取出诸如行号这些错误信息,只好使用正则表达式了!但是由于浏览器的语言设置不同,使用正则表达式也是困难重重的! 可以看到,虽然Mozilla 对 XML DOM 的实现更标准,但是使用起来是非常不方便的! 跨浏览器的 XML DOM 构造函数说它跨浏览器,其实也仅仅是兼容 Mozilla 与 Windows 上的 IE 而已,而对于其它浏览器,则可以降级,考虑使用 XHR 的 responseXML,虽然 XHR 对象
20、该属性没有提供什么高级的方便的方法,但用于读取 XML 已经足够了!if (document.implementation ,loadXMLFile=function (xmlDom,url,callback) if (xmlDom.async=true) xmlDom.onload=function () if (xmlDom.documentElement.nodeName=“parsererror“) throw new Error(“XML Parse Error:“+xmlDom.documentElement.firstChild.nodeValue); else callback
21、.call(xmlDom);xmlDom.load(url);return xmlDom;,loadXMLString=function (xmlDom,s) var p = new DOMParser();var newDom=p.parseFromString(s,“text/xml“);if (newDom.documentElement.nodeName=“parsererror“) throw new Error(“XML Parse Error:“+newDom.documentElement.firstChild.nodeValue);while (xmlDom.firstChild) xmlDom.removeChild(xmlDom.firstChild);for (var i=0,n;inewDom.childNodes.length;i+) n=xmlDom.importNode(newDom.childNodesi,true);/importNode 用于把其它文档中的节点导入到当前文档中/true 参数同时导入子节点xmlDom.appendChild(n);return xmlDom;,
