通过html+javasrcipt来读取xml教程
<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.web0531.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("//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.web0531.com
</script>
</body>
</html>
标签： 济南网站建设 网站建设 济南网站制作 网址： www.web0531.com
