xsl简明教程(3)在客户端的实现

作者:未知 来源:未知 添加时间:2006年7月3日 字体:

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

1.&#106avascript解决方案

在上面的章节中我们已经解释了xsl是如何将xml转换成html文件。方法就是在xml文档的头部加入一个xsl样式表信息,然后让浏览器执行转换过程。

这种方法在大部分情况下都做得很好,但是在不支持xml的浏览器中就无法正确显示了。

一个更好的更全面的解决方案是使用&#106avascript来实现xml到html的转换。但是使用&#106avascript必须得到以下功能支持:

a.允许&#106avascript代替浏览器进行细节检测;

b.根据不同的需要和不同的浏览器使用不同的样式表。

对于xsl来说这是完全可行的。设计xsl的目标之一就是允许将一种格式转换成另一种格式,支持不同的浏览器,支持不同的用户需求。未来的浏览器的重要任务就是在客户端执行xsl的转换工作。


2.一个具体的实例

下面是我们上面提到的一个xml文档(cd_catalog.xml)例子的部分代码:

<@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>

.

.

.

下面是完整的xsl文件(cd_catalog.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">

<tr>

<td><xsl:&#118alue-of select="title"/></td>

<td><xsl:&#118alue-of select="artist"/></td>

</tr>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>


注意,现在xml文件还没有加入xsl样式表,还没有被转换成html文件。 

下面是用javasript来实现最后转换的html代码:


<html>

<body>

<script language="&#106avascript">

/ 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.xsl")


/ transform

document.write(xml.transformnode(xsl))

</script>


</body>

</html>


上面代码中使用了&#106avascript,如果你不知道如何写&#106avascript,您最好专门学习一下。

第一段代码建立一个microsoft parser(xmldom)解析的对象,并将xml文档读入内存;第二段代码建立另外一个对象并导入xsl文档;最后一行代码将xml文档用xsl文档转换,并将结果输出到html文件中。

ppdesk