非常教程

XSLFO 教程教程

XSLT 在客户端

XSLT 在客户端

XSLT - 在客户端


如果您的浏览器支持 XSLT,那么在浏览器中它可被用来将文档转换为 XHTML。


JavaScript 解决方案

在前面的章节,我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 XHTML。我们是通过以下途径完成这个工作的:向 XML 文件添加 XSL 样式表,并通过浏览器完成转换。

即使这种方法的效果很好,在 XML 文件中包含样式表引用也不总是令人满意的(例如,在无法识别 XSLT 的浏览器这种方法就无法奏效)。

更通用的方法是使用 JavaScript 来完成转换。

通过使用 JavaScript,我们可以:

  • 进行浏览器确认测试
  • 根据浏览器和用户需求来使用不同的样式表

这就是 XSLT 的魅力所在!XSLT 的设计目的之一就是使数据从一种格式转换到另一种格式成为可能,同时支持不同类型的浏览器以及不同的用户需求。

客户端的 XSLT 转换一定会成为未来浏览器所执行的主要任务之一,同时我们也会看到其在特定的浏览器市场的增长(盲文、听觉浏览器、网络打印机,手持设备,等等)。


XML 文件和 XSL 文件

请看这个在前面的章节已展示过的 XML 文档:

<?xml version="1.0" encoding="UTF-8"?>
<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="UTF-8"?>
<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 style="text-align:left">Title</th>
      <th style="text-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 的源代码:

实例

<!DOCTYPE html> <html> <head> <script>
function loadXMLDoc(filename) { if (window.ActiveXObject) { xhttp = new ActiveXObject("Msxml2.XMLHTTP"); } else { xhttp = new XMLHttpRequest(); } xhttp.open("GET", filename, false); try {xhttp.responseType = "msxml-document"} catch(err) {} // Helping IE11 xhttp.send(""); return xhttp.responseXML; } function displayResult() { xml = loadXMLDoc("cdcatalog.xml"); xsl = loadXMLDoc("cdcatalog.xsl"); // code for IE if (window.ActiveXObject || xhttp.responseType == "msxml-document") { ex = xml.transformNode(xsl); document.getElementById("example").innerHTML = ex; } // code for Chrome, Firefox, Opera, etc. else if (document.implementation && document.implementation.createDocument) { xsltProcessor = new XSLTProcessor(); xsltProcessor.importStylesheet(xsl); resultDocument = xsltProcessor.transformToFragment(xml, document); document.getElementById("example").appendChild(resultDocument); } }
</script> </head> <body onload="displayResult()"> <div id="example" /> </body> </html>

尝试一下 »

提示:假如您不了解如何编写 JavaScript,请学习我们的 JavaScript 教程。

实例解释:

loadXMLDoc() 函数

loadXMLDoc() 函数是用来加载 XML 和 XSL 文件。

它检查用户拥有的和加载文件的浏览器类型。

displayResult() 函数

该函数用来显示使用 XSL 文件定义样式的 XML 文件。

  • 加载 XML 和 XSL 文件
  • 测试用户拥有的浏览器类型
  • 如果用户浏览器支持 ActiveX 对象:
    • 使用 transformNode() 方法把 XSL 样式表应用到 XML 文档
    • 设置当前文档(id="example")的 body 包含已经应用样式的 XML 文档
  • 如果用户的浏览器不支持 ActiveX 对象:
    • 创建一个新的 XSLTProcessor 对象并导入 XSL 文件
    • 使用 transformToFragment() 方法把 XSL 样式表应用到 XML 文档
    • 设置当前文档(id="example")的 body 包含已经应用样式的 XML 文档

XSLT 在客户端
XSLFO 教程

XSL-FO,即可扩展样式表语言格式化对象(Extensible Stylesheet Language Formatting Objects),是用于格式化 XML 数据的语言。XSL-FO 是一个 W3C 推荐标准。

XSLFO 教程目录

1.XSLT 教程
2.XSL-FO 教程
3.XSLT <xsl:value-of> 元素
4.XSLT <xsl:template> 元素
5.XSLT 转换
6.XSLT 浏览器
7.XSLT 简介
8.XSL 语言
9.XSLT 在服务器端
10.XSLT 在客户端
11.XSLT <xsl:apply-templates> 元素
12.XSLT <xsl:choose> 元素
13.XSLT <xsl:if> 元素
14.XSLT <xsl:sort> 元素
15.XSLT <xsl:for-each> 元素
16.XSLT 总结
17.XML 编辑器
18.XSLT – 编辑 XML
19.XSLT <xsl:comment> 元素
20.XSLT <xsl:choose> 元素
21.XSLT <xsl:call-template> 元素
22.XSLT <xsl:attribute-set> 元素
23.XSLT <xsl:attribute> 元素
24.XSLT <xsl:apply-templates> 元素
25.XSLT <xsl:apply-imports> 元素
26.XSLT 实例
27.XSLT <xsl:import> 元素
28.XSLT <xsl:if> 元素
29.XSLT <xsl:for-each> 元素
30.XSLT <xsl:fallback> 元素
31.XSLT <xsl:element> 元素
32.XSLT <xsl:decimal-format> 元素
33.XSLT <xsl:copy-of> 元素
34.XSLT <xsl:copy> 元素
35.XSLT <xsl:otherwise> 元素
36.XSLT <xsl:number> 元素
37.XSLT <xsl:namespace-alias> 元素
38.XSLT <xsl:message> 元素
39.XSLT <xsl:key> 元素
40.XSLT <xsl:include> 元素
41.XSLT <xsl:variable> 元素
42.XSLT <xsl:value-of> 元素
43.XSLT <xsl:text> 元素
44.XSLT <xsl:template> 元素
45.XSLT <xsl:stylesheet> 和 <xsl:transform> 元素
46.XSLT <xsl:sort> 元素
47.XSLT <xsl:processing-instruction> 元素
48.XSLT <xsl:preserve-space> 和 <xsl:strip-space> 元素
49.XSLT <xsl:param> 元素
50.XSLT <xsl:output> 元素
51.XSLT key() 函数
52.XSLT generate-id() 函数
53.XSLT function-available() 函数
54.XSLT format-number() 函数
55.XSLT element-available() 函数
56.XSLT document() 函数
57.XSLT current() 函数
58.XSLT 元素参考手册
59.XSLT <xsl:with-param> 元素
60.XSLT <xsl:when> 元素
61.XSL-FO 流
62.XSL-FO 输出
63.XSL-FO 区域属性
64.XSL-FO 文档
65.XSL-FO 简介
66.XSLT 函数
67.XSLT unparsed-entity-uri() 函数
68.XSLT system-property() 函数
69.XSL-FO 软件
70.XSL-FO 与 XSLT
71.XSL-FO 表格
72.XSL-FO 列表
73.XSL-FO block 对象
74.XSL-FO bidi-override 对象
75.XSL-FO basic-link 对象
76.XSL-FO flow 对象
77.XSL-FO float 对象
78.XSL-FO external-graphic 对象
79.XSL-FO declarations 对象
80.XSL-FO conditional-page-master-reference 对象
81.XSL-FO color-profile 对象
82.XSL-FO character 对象
83.XSL-FO block-container 对象
84.XSL-FO inline-container 对象
85.XSL-FO inline 对象
86.XSL-FO initial-property-set 对象
87.XSL-FO footnote-body 对象
88.XSL-FO footnote 对象
89.XSL-FO list-item-label 对象
90.XSL-FO list-item-body 对象
91.XSL-FO list-item 对象
92.XSL-FO list-block 对象
93.XSL-FO leader 对象
94.XSL-FO layout-master-set 对象
95.XSL-FO instream-foreign-object 对象
96.XSL-FO multi-case 对象
97.XSL-FO marker 对象
98.XSL-FO region-before 对象
99.XSL-FO region-after 对象
100.XSL-FO page-sequence-master 对象