知识学堂
  • ·联系电话:+86.023-75585550
  • ·联系传真:+86.023-75585550
  • ·24小时手机:13896886023
  • ·QQ 咨 询：361652718 513960520
当前位置 > 首页 > 知识学堂 > 网站建设知识
如何用html+javasrcipt来读取xml实例
更新时间：2012-01-28 | 发布人：本站 | 点击率：381 次
<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("//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浏览器。
分享到： QQ空间 新浪微博 开心网 人人网
相关文章