程序博客网 > js递归遍历json树

XSL简明教程(5)XSL的索引

来源：互联网发布：js递归遍历json树编辑：程序博客网时间：2024/04/28 21:42

<script type="text/javascript"></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<script type="text/javascript"></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

五. XSL 的索引

如果我需要将元素的显示按一定的顺序排列，应该如何建立 XSL的索引呢？
我们还是来看前面的例子，还是这段代码：

<?xml version="1.0" encoding="ISO8859-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>
.
.
.

当XML文档被转换成HTML文件，索引应该同时建立。简单的办法就是给你的for-each元素增加一个order-by属性，就象这样：
<XSL:for-each select="CATALOG/CD" order-by=" ARTIST">
order-by属性带有一个" "或者"-" 的符号，用来定义索引的方式，是升序还是降序排列。符号后面的名字就是要索引的关键字。
例如(cd_catalog_sort.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" 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>

最后，我们用下面的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>

<script type="text/javascript"></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<script type="text/javascript"></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

js递归遍历json树

js递归遍历json树

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子焉耆到吐鲁番焉耆一龟兹语焉耆尕吉尔宾馆新疆焉耆美食农二师焉耆医院焉耆县招聘信息焉耆到张掖火车新疆巴州焉耆县新疆焉耆县招聘焉耆县统计局焉耆县公租房库尔勒到焉耆库尔勒到焉耆火车焊锡丝药芯焊丝焊丝焊丝型号不锈钢焊丝铸铁焊丝焊丝轴 er4043铝焊丝钛合金焊丝焊丝牌号焊锡丝生产厂家焊丝生产设备铝镁焊丝焊锡丝粗细镀镍焊锡丝二保焊焊丝价格查询 er410焊丝 316l焊丝铝焊丝型号含银焊锡丝 304不锈钢焊丝 r31焊丝高温焊锡丝双相不锈钢焊丝不锈钢焊丝衣服架焊铝锡丝耐热钢焊丝型号铜焊丝