当前位置: 移动技术网 > IT编程>网页制作>CSS > XSLT学习(九)通过JavaScript转化xml

XSLT学习(九)通过JavaScript转化xml

2019年09月13日  | 移动技术网IT编程  | 我要评论

湖北之窗财经频道,最大的矿车,孕妇能不能吃杏

如果您的浏览器支持 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>

查看此 xml 文件

以及附随的 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>

查看此 xsl 文件

请注意,这个 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 显示出来。任务完成!

转载:

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网