html怎么读取xml里的数据

html-css07

html怎么读取xml里的数据,第1张

html代码如下:

<html>

<head>

<title>html读取xml数据实例一</title>

</head>

<body>

<xml id="xx" src="table.xml">

</xml>

<h3>html读取xml数据实例一</h3>

<table datasrc="#xx" border="1">

<thead> <th>序号</th> <th>区域</th> <th>名字</th> <th>电话</th> <th>QQ</th> <th>email</th>

</thead>

<tr>

<td><span datafld="nid"></span></td>

<td><span datafld="area"></span></td>

<td><span datafld="salename"></span></td>

<td><span datafld="phone"></span></td>

<td><span datafld="qq"></span></td>

<td><span datafld="email"></span></td>

</tr>

</table>

</body>

</html>

xml文件如下:

<?xml version="1.0"?>

<!DOCTYPE tables[

<!ELEMENT tables (table)*>

<!ELEMENT table(nid, area, salename, phone,qq,email)>

<!ELEMENT nid (#PCDATA)>

<!ELEMENT area (#PCDATA)>

<!ELEMENT salename (#PCDATA)>

<!ELEMENT phone (#PCDATA)>

<!ELEMENT qq (#PCDATA)>

<!ELEMENT email (#PCDATA)>

]>

<tables>

<table>

<nid>1</nid>

<area>广东深圳</area>

<salename>张XX</salename>

<phone>0755-265XXXX1,1382XXX409</phone>

<qq>12XXX88</qq>

[email protected]</email>

</table>

<table>

<nid>1</nid>

<area>广东深圳</area>

<salename>张XX</salename>

<phone>0755-265XXXX1,1382XXX409</phone>

<qq>12XXX88</qq>

[email protected]</email>

</table>

<table>

<nid>1</nid>

<area>广东深圳</area>

<salename>张XX</salename>

<phone>0755-265XXXX1,1382XXX409</phone>

<qq>12XXX88</qq>

[email protected]</email>

</table>

</tables>

.外部XML文件引用方式

首先建立一个XML文件,如firstlove.xml。在html文件中加入<xml></xml>中的数据内容示例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>第一次亲密接触</title>

</head>

<body>

<xml id="第一次亲密接触" src="firstlove.xml">

<第一次亲密接触>

<对象>xml</对象>

<亲密程度>接触到XML稍微宝贵的地方数据岛</亲密程度>

<结论>感觉不错,是个好东东</结论>

</第一次亲密接触>

</xml>

<center><h1>第一次亲密接触</h1></center>

<table border="0" datasrc="#第一次亲密接触" align="center">

<tr>

<td bgcolor="#99FF99">对象: <span datafld="对象"></span>

</td>

<td bgcolor="#3399CC">亲密程度:<span datafld="亲密程度"></span></td>

<td bgcolor="#CC99CC">结论: <span datafld="结论"></span></td>

</tr>

</table>

</body>

</html>