设为首页 加入收藏

网页制作特效代码园地

综合应用 菜单特效 状态拦类 文本操作 窗口页面 图形特效 鼠标特效 时间日期 警告对话 按钮特效

您当前位置:网页特效代码 - 技巧大全

如何用html+javasrcipt来读取xml实例

www.qpsh.com  更新日期:2007-9-11  人气指数 4712



<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浏览器。

返回首页】【刷新本页】【返回顶部】【关闭本页

CopyRight  ©  网页特效代码 2006 - 2007 Qpsh.Com All rights reserved