一. XSL入门

1. XSL---XML的样式表

玩过HTML的朋友都知道，它有一套预设好的标签（tags），比如

就是另起一行，

就是标题字体。这套规则，所有浏览器都心知肚明，知道怎么解析和呈现。可到了XML这里，情况就完全不同了——它没有固定的标签！我们可以创建任何自己需要的标识。这样一来，问题就出现了：一个，在浏览器眼里，到底是指一张表格，还是一张桌子？它可判断不了。

免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈

正因为XML这种强大的可扩展性，我们反而缺少一个标准方法来展示它的内容。这时，控制机制就显得尤为重要。虽然CSS是选项之一，但要论显示XML文档的首选样式语言，还得是XSL（可扩展样式表语言）。原因很简单，它比CSS更适合XML的世界。

2. XSL --- 不仅仅是一种样式表

如果你以为XSL只是一种简单的样式表，那可就把它想简单了。它其实由两大部分组成：

一是转化XML文档；二是格式化XML文档。

如果觉得这个说法有点抽象，不妨换个角度来看：XSL就像一种“翻译官”，能把XML文档转换成浏览器能看懂的HTML；它也是一种“筛选器”，可以对XML数据进行过滤和挑选；同时，它还是一位“排版师”，能够根据需要格式化数据，比如，把负数统统标红显示。

3. XSL --- 它能做什么？

那么，XSL具体能施展哪些魔法呢？首要任务，就是定义XML文档的显示方式。它通过将XML中的每一个元素，逐一“翻译”成对应的HTML元素，从而完成整个转换过程。

它的能力远不止于此。XSL可以在输出文件里添加全新的元素，或者把已有的元素挪个位置。它还能对数据进行重新排列甚至索引，更厉害的是，它能根据条件判断哪些元素应该被显示，以及显示多少。一句话，它给了你对XML数据呈现方式的绝对控制权。

4. XSL在IE5中的显示

这里有个关键提示要留意：如果你使用的是IE5.0浏览器，它并不能完全兼容W3C组织发布的最新XSL标准。原因在于IE5.0的发布时间早于XSL标准的最终定稿。当然，微软已经承诺在后续的IE5.5版本中修正这个问题。在技术选型时，了解这种兼容性细节至关重要。

二. XSL的转换

1. 将XML转换成HTML

说了这么多，XSL究竟是如何一步步将枯燥的XML文档变成我们熟悉的HTML页面的呢？来看一个活生生的例子。假设我们有一个关于音乐CD的XML文档，内容大致如下：





Bob Dylan
USA
Columbia
10.90
1985

...

接下来，我们需要一个XSL文件作为HTML模板，来指挥这场转换。这个XSL文件长这样：



















Title	Artist







在这段代码里，有几个核心角色登场了。元素好比一个“循环指针”，它的任务是锁定XML文档里哪些元素需要按照后续的模板循环显示。它的select属性，定义了源文件中的目标元素路径，这种类似文件目录的写法，就是所谓的XML Pattern（模式）。而元素，则负责在当前位置插入指定子元素的内容。

细心的你可能发现了，XSL样式表本身也是一个规范的XML文档，所以它开头也有XML声明。元素则是在宣告：“这是一个样式表文件。”至于这句，意思是XML源文档的根节点从这里开始匹配。

最后，如何让浏览器知道该用这个样式表呢？很简单，只需在原始的XML文档头部加上一行指引（看下面代码第2行），浏览器就能精准地执行转换，输出HTML文件。






Bob Dylan
USA
Columbia
10.90
1985


三. XSL--在客户端的实现

1. Ja vaScript解决方案

上面我们介绍了通过在XML头部引入XSL样式表，让浏览器自动完成转换的方法。这在多数情况下工作良好，但它的软肋在于：如果浏览器本身不支持XML，整个方案就失效了。

有没有更全面、适应性更强的办法呢？答案是使用Ja vaScript来主导这场转换。不过，要启用Ja vaScript方案，它需要具备两个关键能力：

首先，允许Ja vaScript代替浏览器去做详细的兼容性检测；其次，能够让我们根据不同需求、面对不同浏览器时，动态切换使用不同的样式表。

而这恰恰是XSL设计的初衷之一。XSL生来就是为了实现不同格式间的自由转换，以适应千差万别的浏览器环境和用户需求。可以说，在客户端执行XSL转换，本就是未来浏览器的重要使命。

2. 一个具体的实例

光说不练假把式，我们来看具体如何操作。还是用回刚才那个CD目录的XML文档（cd_catalog.xml），部分内容如下：

以及之前那个完整的XSL文件（cd_catalog.xsl）。此刻，XML文件还没有关联XSL，也还没变成HTML。

真正的魔法，藏在下面这段使用Ja vaScript的HTML代码里：

当然，如果你对Ja vaScript还不熟悉，可能需要先补补课。这段代码的逻辑非常清晰：第一块创建了一个Microsoft XML解析器对象，把XML文档读进内存；第二块如法炮制，创建另一个对象并导入XSL文档；最后那行代码，则是命令解析器使用XSL对XML进行转换，并将最终结果直接输出到HTML页面上。

如此一来，即使浏览器本身对XML支持有限，我们也能通过Ja vaScript这个“中间人”，完美实现数据到页面的华丽转身。