您的位置:首页 > Web前端 > JavaScript

xml神奇的数据岛

2008-01-22 12:26 148 查看
神奇的数据岛
利用xml可以轻松的把数据显示在静态网页中,加上javascript,可以实现静态页面的动态显示。他们都是客户端的,可以把用户资料带到任何地方,只要支持xml和javascript的浏览器都可以打开,太棒了!

show.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>神奇的数据岛</title>
</head>

<body>
<xml id=txl src="data.xml"></xml>
<table datasrc="#txl" width="400"  border="0" align="center" cellpadding="0" cellspacing="0">
  <thead>
    <td>姓名</td>
    <td>QQ</td>
    <td>e-mail</td>
  </thead>
  <tr>
    <td><label datafld="name"></label></td>
    <td><label datafld="qq"></label></td>
    <td><label datafld="email"></label></td>
  </tr>
</table>

</body>
</html>
-----------------
data.xml
-----------------
<?xml version="1.0" encoding="gb2312"?>
<records>
 <record>
  <name>star</name>
  <qq>1827426</qq>
  <email>webmaster@hope365.com</email>
 </record>
 <record>
  <name>流星</name>
  <qq>1827426</qq>
  <email>webmaster@hope365.com</email>
 </record>
</records>
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息