HTML与XML数据的结合小总结

*******************************
建立一个data.xml先

<?xml version="1.0" encoding="gb2312"?>

</classmate>

</myclassmates>

*************************
* 在HTML中显示xml中的数据
*************************
NO.1--用很简单的数据绑定了

NO.2--表格绑定数据(很好的)
      <xml id=xmldata src=data.xml></xml>
      <table id=xmltable datasrc="#xmldata" datapagesize="3">
      <theme>
      <th>Name</th><th>Age</th>
      <tr>
      <td><span datafld="name"></span></td>
      <td><span datafld="age"></span></td>
      </table>
NO.3--用css来显示(没有html的事情)
       建立css
       name{display:block;font-size:22pt;color:#ccccff;background-color:red}
       age{display:block;font-size:12pt}
       在data.xml连接css
       <?xml-stylesheet href="css.css" type="text/css"?>
NO.4--用xsl来显示(不说了)
NO.5--用ASP的xmlDOM对象也可以,不过不是今天讨论的范围

***********************
* 操作xml数据
***********************
用vbs或者js来搞定

例如上面的NO.1
     <button onclick="xmldata.recoreset.movefirst()">First</button>
     <button onclick="if(xmldata.recordset.absoluteposition<>1) xmldata.recordset.moveprevious()">Prev</button>
     <button onclick="if(xmldata.recordset.absoluteposition<>xmldata.recordset.recodcount)xmldata.recordset.movenext()">Next</button>
     <button onclick="xmldata.recordset.movelast()">Last</button>
上面的NO.2可以分页显示了:
     <button onclick="xmltable.firstPage()">First</button>
     <button onclick="xmltable.previousPage()">Prev</button>
     <button onclick="xmltable.nextPage()">Next</button>
     <button onclick="xmltable.lastPage()">Last</button>

******************
* 对xml文件的查询
******************
连接xml文档:<xml id=xmldata src=data.xml></xml>
               <input type=button value=search name=btnsearch>
   构建vbs查询函数

sub btnsearch_onclick()

document.all.spnadd.innerhtml=""

str=inputbox("Input the name you want to search")

xmldata.recordset.movefirst()

for i=1 to xmldata.recordset.recordcount

myname=xmldata.recordset("name").value

if myname=str then

document.all.spnadd.innerhtml=document.all.spnadd.innerhtml & "<tr><td><b>Name:</b>"& xmldata.recordset("name").value & "</td><td><b>QQ:</b>" & xmldata.recordset("qq").value & "</td><td><b>Mail:</b>" & xmldata.recordset("email").value & "</td><td><b>Message:</b>" & xmldata.recordset("message").value &"</td></tr><br>"

end if

xmldata.recordset.movenext()

end sub

</script>

********************
对于xml文件的增加,删除,修改,静态HTML就无能为力了
可以用asp的fso,或者(必须)Microsoft.xmlDOM对象了