xml應(yīng)用的示例分析

這篇文章給大家分享的是有關(guān)xml應(yīng)用的示例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

一個(gè)小型的XML應(yīng)用程序框架

--------------------------------------------------------------------------------

從XML文檔開始
首先我們建立一個(gè)簡單的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文檔載入數(shù)據(jù)島
數(shù)據(jù)島可以訪問XML文件。

通過數(shù)據(jù)島，可以把XML文檔引入到HTML頁面中。

<xml src="cd_catalog.xml" id="xmldso" async="false">
</xml>

使用上面示例代碼，可以把cd_catalog.xml文件載入一個(gè)叫"xmldso"的數(shù)據(jù)島中。屬性async="false"的作用是在HTML處理器開始處理XML數(shù)據(jù)以前，必須確保XML文檔中的所有數(shù)據(jù)都被載入到內(nèi)存中。

--------------------------------------------------------------------------------

把XML數(shù)據(jù)綁定到HTML的表格元素中
HTML中的table元素可以用來顯示XML數(shù)據(jù)。

為了使你的XML數(shù)據(jù)能在HTML頁面中顯示出來，必須把的數(shù)據(jù)島綁定到一個(gè)HTML元素上。

把XML數(shù)據(jù)綁定到table元素，需要在table屬性添加一個(gè)資源屬性，并且在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>

--------------------------------------------------------------------------------

把數(shù)據(jù)島綁定到<span> 或者<p> 元素上
<span>或<p>元素都可以用來顯示XML數(shù)據(jù)。

沒有必要使用table元素來顯示XML數(shù)據(jù)，數(shù)據(jù)可以通過數(shù)據(jù)島綁定到任何一個(gè)HTML元素上。

所要做的就是在你得頁面中添加一些<span> 或者<p>元素，使用數(shù)據(jù)資源屬性把每一個(gè)元素和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>元素,數(shù)據(jù)將會(huì)顯示在新的一行里。

上面的例子，可以看到XML數(shù)據(jù)都顯示在一行里。如果要控制數(shù)據(jù)換行，就必須在你的代碼里添加一些腳本程序。

--------------------------------------------------------------------------------

為你的XML數(shù)據(jù)添加導(dǎo)航腳本
可以通過腳本程序來實(shí)現(xiàn)導(dǎo)航功能。

添加數(shù)據(jù)島方法，使用腳本函數(shù)movenext() 和 moveprevious() 來實(shí)現(xiàn)導(dǎo)航功能。

<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>

--------------------------------------------------------------------------------

感謝各位的閱讀！關(guān)于“xml應(yīng)用的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！