Hot.xmlファイル:
复制番号代番号次のように:
<?xml バージョン="1.0" エンコーディング="gb2312"?>
<ルート>
<アイテム>
<name>刘亦菲</name>
<url>MingXing/LiuYiFei.htm</url>
<カラー>赤</カラー>
</アイテム>
<アイテム>
<name>蔡依林</name>
<url>MingXing/CaiYiLin.htm</url>
<カラー>ブルー</カラー>
</アイテム>
<アイテム>
<name>张娜拉</name>
<url>MingXing/ZhangNaLa.htm</url>
<color>緑</color>
</アイテム>
<アイテム>
<name>张韶涵</name>
<url>ミンシャン/ZhangShaoHan.htm</url>
<カラー>グレー</カラー>
</アイテム>
<アイテム>
<name>张靓颖</name>
<url>明興/張良陰.htm</url>
<カラー>ブラック</カラー>
</アイテム>
<アイテム>
<name>李宇春</name>
<url>MingXing/LiYuChun.htm</url>
<カラー>黄色</カラー>
</アイテム>
<アイテム>
<name>徐若</name>
<url>MingXing/XuLuXuan.htm</url>
<カラー>ピンク</カラー>
</アイテム>
</root>
デモ1.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;
関数loadedSales()
{
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(アイテム != null && アイテムの長さ > 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="color:" mce_style=" color:""+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);
}
</script>
</head>
<body onLoad="loadXmlDoc()">
<div id="sales"></div>
</body>
</html>
効果図: