XSLT学习通过JavaScript转化xml
Posted 用脑袋行走的人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了XSLT学习通过JavaScript转化xml相关的知识，希望对你有一定的参考价值。
如果您的浏览器支持 XSLT，那么在浏览器中它可被用来将文档转换为 XHTML。
javascript 解决方案
在前面的章节，我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 Xhtml。我们是通过以下途径完成这个工作的：向 XML 文件添加 XSL 样式表，并通过浏览器完成转换。
即使这种方法的效果很好，在 XML 文件中包含样式表引用也不总是令人满意的（例如，在无法识别XSLT的浏览器这种方法就无法奏效）。
更通用的方法是使用 JavaScript 来完成转换。
通过使用 JavaScript，我们可以：
- 进行浏览器确认测试
- 根据浏览器和使用者的需求来使用不同的样式表
这就是 XSLT 的魅力所在！XSLT 的设计目的之一就是使一种格式到另一种格式的转换成为可能，同时支持不同类型的浏览器以及不同的用户需求。
浏览器端的 XSLT 转换一定会成为未来浏览器所执行的主要任务之一，同时我们也会看到其在特定的浏览器市场的增长（盲文、网络打印机，听觉设备，等等）。
XML 文件和 XSL 文件
请看这个在前面的章节已展示过的 XML 文档：
<?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>
.
.
.
</catalog>
以及附随的 XSL 样式表：
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<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 文件没有包含对 XSL 文件的引用。
重要事项：上面这句话意味着，XML 文件可使用多个不同的 XSL 样式表来进行转换。
在浏览器中把 XML 转换为 XHTML
这是用于在客户端把 XML 文件转换为 XHTML 的源代码：
<html>
<body>
<script type="text/javascript">
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>
提示：假如您不了解如何编写 JavaScript，请学习我们的《JavaScript 教程》。
第一段代码创建了微软的 XML 解析器的一个实例，然后把 XML 文件载入了内存。第二段代码创建了解析器的另一个实例，然后把这个 XSL 文件载入了内存。最后一行代码使用 XSL 文档转换了 XML 文档，并在浏览器中把结果作为 XHTML 显示出来。任务完成！
以上是关于XSLT学习通过JavaScript转化xml的主要内容，如果未能解决你的问题，请参考以下文章