--------------------------------------------------------------------------------
从XML文档最先
起首我们竖立一个简朴的XML文档。
来看一下我们原始的XML文档,形貌了CD目次。
<?xml version="1.0" encoding="ISO-8859-1"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD>
.
.
... more ...
.
--------------------------------------------------------------------------------
将XML文档载入数据岛
数据岛能够接见XML文件。
经由过程数据岛,能够把XML文档引入到HTML页面中。
<xml src="cd_catalog.xml" id="xmldso" async="false"> </xml>
运用上面示例代码,能够把cd_catalog.xml文件载入一个叫"xmldso"的数据岛中。属性async="false"的作用是在HTML处置惩罚器最先处置惩罚XML数据之前,必需确保XML文档中的一切数据都被载入到内存中。
--------------------------------------------------------------------------------
把XML数据绑定到HTML的表格元素中
HTML中的table元素能够用来显现XML数据。
为了使你的XML数据能在HTML页面中显现出来,必需把的数据岛绑定到一个HTML元素上。
把XML数据绑定到table元素,需要在table属性增加一个资本属性,并且在span元素中增加字段属性:
<table datasrc="#xmldso" width="100%" border="1"> <thead> <th>Title</th> <th>Artist</th> <th>Year</th> </thead> <tr align="left"> <td><span datafld="TITLE"></span></td> <td><span datafld="ARTIST"></span></td> <td><span datafld="YEAR"></span></td> </tr></table>
--------------------------------------------------------------------------------
把数据岛绑定到<span> 或许<p> 元素上
<span>或<p>元素都能够用来显现XML数据。
没有必要运用table元夙来显现XML数据,数据能够经由过程数据岛绑定到任何一个HTML元素上。
所要做的就是在你得页面中增加一些<span> 或许<p>元素,运用数据资本属性把每个元素和XML文档元素绑定起来,就象下面如许:
<br />Title: <span datasrc="#xmldso" datafld="TITLE"></span> <br />Artist: <span datasrc="#xmldso" datafld="ARTIST"></span> <br />Year: <span datasrc="#xmldso" datafld="YEAR"></span>
或许象如许的情势:
<br />Title: <p datasrc="#xmldso" datafld="TITLE"></p> <br />Artist: <p datasrc="#xmldso" datafld="ARTIST"></p> <br />Year: <p datasrc="#xmldso" datafld="YEAR"></p>
注重假如你运用<p>元素,数据将会显现在新的一行里。
上面的例子,能够看到XML数据都显现在一行里。假如要掌握数据换行,就必需在你的代码里增加一些剧本顺序。
--------------------------------------------------------------------------------
为你的XML数据增加导航剧本
能够经由过程剧本顺序来完成导航功用。
增加数据岛要领,运用剧本函数movenext() 和 moveprevious() 来完成导航功用。
<script type="text/javascript"> function movenext() { x=xmldso.recordset if (x.absoluteposition < x.recordcount) { x.movenext() } } function moveprevious() { x=xmldso.recordset if (x.absoluteposition > 1) { x.moveprevious() } } </script>
--------------------------------------------------------------------------------
小结
假如你有创造力的话就能够编写出异常完美的运用顺序。
假如你运用在这一页中学到的学问,在发挥一下想象力,就能够随意马虎的创造出完美的运用顺序。
以上就是xml运用的示例代码分享的细致内容,更多请关注ki4网别的相干文章!