zoukankan      html  css  js  c++  java
  • 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>

    查看此 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 显示出来。任务完成!

    转载:http://www.w3school.com.cn/xsl/xsl_client.asp

  • 相关阅读:
    解决VS在查找预编译头使用时跳过
    Very Sleepy使用图文教程
    将Excel数据导入到ArcGIS属性表
    2016工作计划
    免费GIS数据下载网站推荐
    WIN7 (64 位)安装AutoCAD2012失败解决方法
    .resources文件转.resx 文件
    同一Session中的aspx页面的并发限制
    Diving Into Lync Client Logins
    Passing JavaScript Objects to Managed Code
  • 原文地址:https://www.cnblogs.com/planetwithpig/p/11517174.html
Copyright © 2011-2022 走看看