Hot.xml檔:
複製程式碼如下:
<?xml版本=“1.0”編碼=“gb2312”?>
<根>
<項目>
<name>劉亦菲</name>
<url>MingXing/LiuYiFei.htm</url>
<顏色>紅色</顏色>
</項目>
<項目>
<名字>蔡依林</名字>
<url>MingXing/CaiYiLin.htm</url>
<顏色>藍色</顏色>
</項目>
<項目>
<名字>張娜拉</名字>
<url>MingXing/ZhangNaLa.htm</url>
<顏色>綠色</顏色>
</項目>
<項目>
<name>張韶涵</name>
<url>MingXiang/ZhangShaoHan.htm</url>
<顏色>灰色</顏色>
</項目>
<項目>
<name>張靚穎</name>
<url>MingXing/ZhangLiangYin.htm</url>
<顏色>黑色</顏色>
</項目>
<項目>
<名字>李宇春</名字>
<url>MingXing/LiYuChun.htm</url>
<顏色>黃色</顏色>
</項目>
<項目>
<名字>徐若</名字>
<url>MingXing/XuLuXuan.htm</url>
<顏色>粉紅色</顏色>
</項目>
</根>
demo1.html檔:
<html xmlns="http://www.w3.org/1999/xhtml">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript取得XML資料</title>
<腳本語言=“javascript”>
複製程式碼如下:
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //建立XmlDom對象
xmlDoc.async=true; //使用非同步加載
xmlDoc.onreadystatechange=loadedSales;
函數loadSales()
{
var txt="";
if(xmlDoc.readyState == 0){
警報(“0”);
}
if(xmlDoc.readyState == 1){
警報(“1”);
}
if(xmlDoc.readyState == 2){
警報(“2”);
}
if(xmlDoc.readyState == 3){
警報(“3”);
}
if(xmlDoc.readyState == 4)
{
if(xmlDoc.parseError.errorCode!= 0)
{
txt="xml解析錯誤!";
}別的{
var items=xmlDoc.documentElement.selectNodes("item");
if(items != null && items.length > 0)
{
for(var i=0; i < items.length; i++)
{
txt += "<li><a href="+items[i].childNodes[1].text+" mce_href="+items[i].childNodes[1].text+" style="顏色:" mce_style="顏色:""+items[i].childNodes[2].text+">"+items[i].childNodes[0].text+"</a></li>";
}
}別的{
txt=“”;
}
}
}別的{
txt=“”;
}
document.getElementById("銷售").innerHTML=txt;
}
函數 loadXmlDoc()
{
var url="Hot.xml";
xmlDoc.load(url);
}
</腳本>
</頭>
<body onLoad="loadXmlDoc()">
<div id="銷售"></div>
</正文>
</html>
效果圖: