通過html+javasrcipt來讀取xml教程
<b>共2個文件 data.xml 和get.html</b>
data.xml代碼: 以下為引用的內(nèi)容:
<?xml version="1.0" encoding="utf-8"?>
<root>
<Events>
<Item Title="最新圖片交替閃現(xiàn)效果代碼" />
<Item Title="頁面刷新與彈出窗口問題解決方法" />
<Item Title="每個IP每天只彈一次的窗口" />
<Item Title="求助asp+xml如何實現(xiàn)分頁效果" />
<Item Title="濟(jì)南網(wǎng)站建設(shè) m.haoli824.com" />
<Item Title="JS動態(tài)實現(xiàn)圖片輪換顯示" />
</Events>
</root>
get.html代碼: 以下為引用的內(nèi)容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>如何用html+javasrcipt來讀取xml實例 www.qpsh.com</title>
</head>
<body>
<script language="javascript" type="text/javascript">
var get_xml;
function get_GetXML(){
get_xml = new ActiveXObject("Microsoft.XMLDOM");
get_xml.async=true;
get_xml.onreadystatechange = GetReady;
get_xml.load("data.xml")//XML文件的URL
}
function GetReady(){
if(get_xml.readyState==4){
if(get_xml.parseError.errorCode==0){
document.write("<br />");
var i,c,d,Line,Link;
var Events = get_xml.documentElement.selectNodes("//Events/Item");
var j=Events.length;
Line = Events.item(0);
d=Line.attributes.length;
document.write("<br />");
for(i=0;i<j;i++){
Line = Events.item(i);
d=Line.attributes.length;
for(c=0;c<d;c++){
document.write(Line.attributes(c).value);
}
document.write("<br />");
}
document.write("<br />");
}
delete(get_xml);
}
}
get_GetXML();
//by m.haoli824.com
</script>
</body>
</html>
標(biāo)簽: 濟(jì)南網(wǎng)站建設(shè) 網(wǎng)站建設(shè) 濟(jì)南網(wǎng)站制作 網(wǎng)址: m.haoli824.com
- 打印本文
- 關(guān)閉本頁
- 建站服務(wù)熱線:0531-68808868 售后服務(wù)專線:0531-88961515