如何用html+javasrcipt來讀取xml實例
更新時間：2012-01-28 | 發布人：本站 | 點擊率：300 次
<b>共2個文件 data.xml 和get.html</b>
data.xml代碼： 以下為引用的內容：
<?xml version="1.0" encoding="utf-8"?>
<root>
<Events>
<Item Title="最新圖片交替閃現效果代碼" />
<Item Title="頁面刷新與彈出窗口問題解決方法" />
<Item Title="每個IP每天只彈一次的窗口" />
<Item Title="求助asp+xml如何實現分頁效果" />
<Item Title="網頁特效園地www.qpsh.com" />
<Item Title="JS動態實現圖片輪換顯示" />
</Events>
</root>
get.html代碼: 以下為引用的內容：
<!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("http://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 www.qpsh.com
</script>
</body>
</html>
注意：經調試本方法不適用FireFox瀏覽器。
渝公網安備 50024202000196號
域名注冊知識
虛擬主機知識
網站建設知識
網絡推廣知識
網絡營銷知識
常見技術問題
QQ空間
新浪微博
開心網
人人網