XSL基礎教程第四章

2024-09-05 20:54:14

字體：大中小

來源：轉載

供稿：網友

XSL索引

XSL可以用來對一個XML文檔進行索引。

將索引信息放在哪里

現在重新看看在以前許多章節中都曾看到過的 XML文檔：
　

以下為引用的內容：
　　　　<?xml version="1.0"?>
　　
　　　　<CATALOG>
　　
　　　　 <CD>
　　
　　　　　　<TITLE>Empire Burlesque</TITLE>
　　
　　　　　　<ARTIST>Bob Dylan</ARTIST>
　　
　　　　　　<COUNTRY>USA</COUNTRY>
　　
　　　　　　<COMPANY>Columbia</COMPANY>
　　
　　　　　　<PRICE>10.90</PRICE>
　　
　　　　　　<YEAR>1985</YEAR>
　　
　　　　 </CD>
　　
　　　　.
　　
　　　　.
　　
　　　　.

　　
要想將這個XML文件作為一個普通的HTML文件輸出，并且同時對它進行索引，只需要在XSL文件中增加一個order-by 屬性，如下：

<xsl:for-each select="CATALOG/CD" order-by=" ARTIST">

order-by屬性使用加號( )或減號(-)來定義是使用升序還是降序，再用一個元素名稱來定義排序的元素。

現在來看看經過輕微調整的XSL樣式表（或在IE5中打開它）：

以下為引用的內容：
　　　　<?xml version='1.0'?>
　　
　　　　<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
　　
　　　　<xsl:template match="/">
　　
　　　　 <html>
　　
　　　　 <body>
　　
　　　　　　<table border="2" bgcolor="yellow">
　　
　　　　　　 <tr>
　　
　　　　　　　　<th>Title</th>
　　
　　　　　　　　<th>Artist</th>
　　
　　　　　　 </tr>
　　
　　　　　　 <xsl:for-each select="CATALOG/CD"
　　
　　　　　　 order-by=" ARTIST">
　　
　　　　　　 <tr>
　　
　　　　　　　　<td><xsl:value-of select="TITLE"/></td>
　　
　　　　　　　　<td><xsl:value-of select="ARTIST"/></td>
　　
　　　　　　 </tr>
　　
　　　　　　 </xsl:for-each>
　　
　　　　　　</table>
　　
　　　　 </body>
　　
　　　　 </html>
　　
　　　　</xsl:template>
　　
　　　　</xsl:stylesheet>

　　
在瀏覽器中轉換

以下是在瀏覽器中將XML文件轉換成HTML所需要的簡單代碼：
　　

以下為引用的內容：
　　　　<html>
　　
　　　　<body>
　　
　　　　<script language="javascript">
　　
　　　　// Load XML
　　
　　　　var xml = new ActiveXObject("Microsoft.XMLDOM")
　　
　　　　xml.async = false
　　
　　　　xml.load("cd_catalog.xml")
　　
　　　　// Load the XSL
　　
　　　　var xsl = new ActiveXObject("Microsoft.XMLDOM")
　　
　　　　xsl.async = false
　　
　　　　xsl.load("cd_catalog_sort.xsl")
　　
　　　　// Transform
　　
　　　　document.write(xml.transformNode(xsl))
　　
　　　　</script>
　　
　　　　</body>
　　
　　　　</html>

　　
如果使用的是Internet Explorer 5.0 或更高版本，請點擊這里查看結果。

XSL過濾器查詢

XSL可以用來過濾一個 XML 文件。

在哪里放置過濾器信息

現在重新看看你以前已經看過多次的XML文檔：
　　

　　
要過濾XML文件，只需要為XSL文件中的for-each元素的選擇屬性增加一個過濾器，如下：
　　
<xsl:for-each select="CATALOG/CD[ARTIST='Bob Dylan']">
　　
合法的過濾器操作符是：
　　
= 等于

!= 不等于

< 小于

> 大于

現在看看經過輕微調整的XSL樣式表：
　　

以下為引用的內容：
　　　　<?xml version='1.0'?>
　　
　　　　<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
　　
　　　　<xsl:template match="/">
　　
　　　　 <html>
　　
　　　　 <body>
　　
　　　　 <table border="2" bgcolor="yellow">
　　
　　　　 <tr>
　　
　　　　　　<th>Title</th>
　　
　　　　　　<th>Artist</th>
　　
　　　　 </tr>
　　
　　　　 <xsl:for-each select="CATALOG/CD[ARTIST='Bob Dylan']">
　　
　　　　 <tr>
　　
　　　　　　<td><xsl:value-of select="TITLE"/></td>
　　
　　　　　　<td><xsl:value-of select="ARTIST"/></td>
　　
　　　　 </tr>
　　
　　　　 </xsl:for-each>
　　
　　　　 </table>
　　
　　　　 </body>
　　
　　　　 </html>
　　
　　　　</xsl:template>
　　
　　　　</xsl:stylesheet>

　　
在瀏覽器中轉換

以下是在瀏覽器中將XML文件轉換成HTML所需要的簡單代碼：

以下為引用的內容：
　　
　　　　<html>
　　
　　　　<body>
　　
　　　　<script language="javascript">
　　
　　　　// Load XML
　　
　　　　var xml = new ActiveXObject("Microsoft.XMLDOM")
　　
　　　　xml.async = false
　　
　　　　xml.load("cd_catalog.xml")
　　
　　　　// Load the XSL
　　
　　　　var xsl = new ActiveXObject("Microsoft.XMLDOM")
　　
　　　　xsl.async = false
　　
　　　　xsl.load("cd_catalog_filter.xsl")
　　
　　　　// Transform
　　
　　　　document.write(xml.transformNode(xsl))
　　
　　　　</script>
　　
　　　　</body>
　　
　　　　</html>

上一篇：XSL基礎教程第三章

下一篇：具體實現 XML 的三種方式