### XSL 基础教程第四章

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 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 文件，只需要为 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>
如果使用的是 Internet Explorer 5.0 或更高版本，请点击这里查看结果。