JS中有原生函数，支持解析xml字符串或者文件。
(new DOMParser()).parseFromString(xxxxx)这个代码可以解析XML字符串，为对象。
<html><body>
<script type="text/javascript">
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM")
}
catch(e)
{
try //Firefox, Mozilla, Opera, Chrome, etc.
{
xmlDoc=document.implementation.createDocument("","",null)
}
catch(e) {alert(e.message)}
}
try
{
xmlDoc.async=false
xmlDoc.load("books.xml")
document.write("xmlDoc is loaded, ready for use")
}
catch(e) {alert(e.message)}
</script>
</body>
</html>
上面这段代码可以解析一个XML文件。
具体的可参考下面教程，或者小乐阅读（Chrome浏览器中的RSS阅读器）中的源代码
http://www.w3school.com.cn/xmldom/dom_parser.asp
JS]利用js将读取到的xml文件中的数据显示到html文档上script type="text/javascript" language="javascript">
var xmlDoc = checkXMLDocObj('../openClass.xml')//读取到xml文件中的数据
var a = document.getElementsByTagName("a")//获取所有的A标签
$(document).ready(function () {
var nodes
if($.browser.msie){ // 注意各个浏览器之间的区别
nodes = xmlDoc.getElementsByTagName('collage')[0].childNodes//读取XML文件中需要显示的数据
}
else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0){
nodes = xmlDoc.getElementsByTagName('collage')[0].children//读取XML文件中需要显示的数据
}
else{
nodes = xmlDoc.getElementsByTagName('resource')
}
for (var i = 0i <a.lengthi++) {
if (a[i].parentNode.nodeName == "SPAN") {
for (var j = 0j <nodes.lengthj++) {
var resource = nodes[j]
var url = resource.getAttribute('url')
var href=$(a[i]).attr("href")
if (href == url) {
var count = resource.getAttribute('click')
var span = document.createElement("div")
var str = document.createTextNode("点击率：" + count)
span.appendChild(str)
var div = a[i].parentNode.parentNode
div.appendChild(span)
break
}
}
}
}
})
$(function(){ //通过get请求，将点击率增加
$(a).mousedown(function(){
var href = $(this).attr("href")
$.get("../receive.ashx",{url:href,rd:Math.random()}, function (msg) {
})
})
})
</script>
1. JS加载XML文件步骤一般为(1)，建立 XML DOM 对象；(2)，设置加载方式，异步(推荐)或同步； (3)提供XML文件URL然后调用 load 方法；大致如下：
var xmlFileName="xxFile.xml"
var xmlDoc=''
if (window.ActiveXObject){ // IE
var activeXNameList=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument")
for(var h=0h
{
try{
xmlDoc=new ActiveXObject(activeXNameList[h])
}catch(e){
continue
}
if(xmlDoc) break
}
}else if(document.implementation &&document.implementation.createDocument){ //非 IE
xmlDoc=document.implementation.createDocument("","",null)
}else{
alert('can not create XML DOM object, update your browser please...')
}
xmlDoc.async=false//同步,防止后面程序处理时遇到文件还没加载完成出现的错误,故同步等XML文件加载完再做后面处理
xmlDoc.load(xmlFileName)//加载XML
2. JS读取XML文件节点
在加载XML文件之后就是读取XML文件的节点了，可以使用 DOM 相应的方法，对 MS IE 其它浏览器的读法相近，例如：
例如下的XML文件结构:
shenzhen
shenzhenNBA
man
shenzhen
xiaoming
woman
zhangsan
man
//JS读取 XML 文件中的 area 节点的方式如下:
var nodeList= xmlDoc.documentElement.getElementsByTagName("area")； // IE
for(var i=0i
//...遍历操作...
}
var nodeList=xmlDoc.getElementsByTagName("area")// 非IE
for(var i=0i
//...遍历操作...
}
还有部分读取节点的方法：
//MS IE
node.text //读取node节点的文本值
node.childNodes[i].text //读取 node 下的第 i 个[直接下一级]子节点的文本
node.getAttribute("attributeName") //读取 node 节点的属性名称为 attributeName 的属性值
//还有其他的方法等, 可以网上搜索
