`
ygsilence
  • 浏览: 336782 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

XML转换为HTML等格式(XSL)

    博客分类:
  • xml
阅读更多
 
XSL 指扩展样式表语言  
xml    -->    XSL
html  --->   css

xsl好比给xml加上了现实的样式

实例:把 XML 文档("cdcatalog.xml")转换为 XHTML

<!--cdcatalog.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>

1.创建 XSL 样式表
创建一个带有转换模板的 XSL 样式表("cdcatalog.xsl"),即xml数据显示所需的样式:


<!--cdcatalog.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>

2.把 XSL 样式表链接到 XML 文档

向 XML 文档("cdcatalog.xml")添加 XSL 样式表引用:

<!--cdcatalog.xml-->
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<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>


查看cdcatalog.xml文档.,就可以看到相应的效果


但是在无法识别XSLT的浏览器这种方法就无法奏效,即查看xml文件时,不能看到有样式的数据,这就需要在浏览器端,用javascript将xml通过加载xsl转换成xhtml

如: XML 文件和相应的 XSL 文件
<!--cdcatalog.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>


<!--cdcatalog.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>

第一段代码创建了微软的 XML 解析器的一个实例,然后把 XML 文件载入了内存。第二段代码创建了解析器的另一个实例,然后把这个 XSL 文件载入了内存。最后一行代码使用 XSL 文档转换了 XML 文档,并在浏览器中把结果作为 XHTML 显示出来。任务完成!





    

分享到:
评论

相关推荐

    XML转换XSL工具

    XML转换XSL工具是专门针对这个需求设计的软件,它的主要功能是将XML文档按照预设的XSL样式表进行转换,以得到用户期望的输出格式。这种工具通常包含以下特性: 1. **文件选择**:用户需要指定待转换的XML文件和相应...

    XSL转换XML为HTML树显示

    总的来说,XSL转换XML为HTML树显示是一项常见的数据展示技术,它结合了XML的结构化特性,XSLT的转换能力,以及HTML和JavaScript的交互性,为用户提供了一种直观且易于操作的方式来浏览和理解XML数据。在实际应用中,...

    xml根据xsl转换

    XSL(eXtensible Stylesheet Language)则是一种用于转换XML文档的样式表语言,它可以将XML数据转换成HTML、PDF或其他格式,以满足不同的展示需求。 在开发中,当需要根据预定义的样式规则呈现XML数据时,就会用到...

    javaxml,xsl,html文件转换.pdf

    XSL(Extensible Stylesheet Language)是一种stylesheet语言,用于将 XML 文件转换为其他格式,例如 HTML。HTML(HyperText Markup Language)是一种标记语言,用于创建网页。 在 Java 中,我们可以使用 javax.xml...

    javaxml,xsl,html文件转换[定义].pdf

    XSL(Extensible Stylesheet Language)是一种基于 XML 的标记语言,用于将 XML 文件转换为其他格式的文件,如 HTML、PDF 等。XSL 由三部分组成:XSLT(XSL Transformations)、XSL-FO(XSL Formatting Objects)和 ...

    WordXML-to-HTML:XSL将MS Word生成的XML转换为HTML

    这些核心转换将Word XML转换为符合HTMLBook规范HTML,并由少数其他ruby和XSL转换建立,以创建可插入较大的Macmillan工作流程HTML文件。 具体来说,这些XSL转换是bookmaker_htmlmaker流程的一部分-。 对于格式良好...

    xsl转化为html的示例代码和文件

    XSLT是XSL的一个子集,它是一种功能强大的样式表语言,可以将XML文档转换为其他XML文档、HTML、文本或者PDF等格式。XSLT的工作原理是通过匹配XML文档中的节点,并应用相应的转换规则,来生成目标文档。 以下是一个...

    xml和xsl生成html页面

    在上面的例子中,我们可以创建一个XSL样式表来将XML转换为HTML: ```xml &lt;xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt; &lt;xsl:template match="/"&gt; &lt;html&gt; 个人信息 &lt;p&gt;...

    XML+xsl讲XML文档的内容用xsl建表

    XSL(eXtensible Stylesheet Language)则是用来转换XML文档的一种语言,它的主要目的是将XML数据转化为人类可读的格式,如HTML、PDF或简单的文本。XSL由三部分组成:XSLT(XSL Transformations)、XPath(XML Path ...

    XML与CSS、XML与XSL及在页面中直接调用XML的数据

    XSLT(XSL转换)允许我们定义一套规则,将XML数据转换成其他格式,如HTML、PDF或新的XML文档。以下是一个简单的XSL转换示例,将XML数据转换为HTML表格: ```xsl &lt;xsl:stylesheet version="1.0" xmlns:xsl=...

    xml xsl网页生成

    - **XSLT(XSL转换)**:XSL的主要部分,用于将XML转换成其他格式,如HTML、PDF等。 - **XSL样式表**:包含一系列模板规则,当匹配到XML文档中的特定元素时,应用这些规则进行转换。 - **模板**:定义了如何处理...

    MDC-XSL-XML文件转换源代码

    MDC-XSL-XML文件转换源代码提供了一个小型程序,用于将XML文件转换为HTML格式,这在需要将XML数据呈现为用户友好的网页时非常有用。下面将详细讨论这个转换过程涉及的技术和概念。 1. **XML(Extensible Markup ...

    XSL.rar_ XML-JSP_.CHM_XML chm_xml xsl_xsl

    XSL(Extensible Stylesheet Language)是一种用于转换XML文档的样式表语言,它为XML数据提供了强大的格式化和转换能力。XSL的主要任务是将XML数据转换成其他形式,如HTML、PDF或纯文本,以适应不同的展示需求。在...

    xml+css+xsl个人简历

    3. 编写XSL文件:定义转换规则,将XML转换为HTML或者其他格式。 4. 使用XSLT处理器应用XSL转换:这一步将XML和XSL结合,生成最终的HTML文件,可以在浏览器中查看。 5. 部署和测试:在不同设备和浏览器上测试简历的...

    xml转换xsl-绿色软件

    标题“xml转换xsl-绿色软件”暗示这是一个无需安装、便携式的工具,用于将XML文件应用XSL样式表进行转换。在IT领域,绿色软件通常指的是不需安装即可运行,不写入系统注册表,不占用大量系统资源,且易于携带和分享...

    xsl与xml转化的实例

    **XSL与XML转换实例** 在实际应用中,XSL通常用于将XML数据转换为HTML,以在网页上展示。例如,一个XML文件可能包含书籍信息: ```xml &lt;title&gt;Book1 &lt;author&gt;Author1 &lt;title&gt;Book2 &lt;author&gt;Author2 `...

    纯html标签静态调用xml文件及xsl对xml文件的的显示修饰

    XSLT(XSL Transformations)是XSL的一部分,它定义了转换规则,将XML数据转化为HTML或其他格式。以下是一个简单的XSL样式表(Rss.xsl)示例: ```xml &lt;xsl:stylesheet version="1.0" xmlns:xsl=...

    使用XSLT将XML文档转换成HTML文档

    XSLT(Extensible Stylesheet Language Transformations)是一种基于 XML 的语言,用于将 XML 文档转换成其他格式,如 HTML、文本或其他 XML 文档。 XSLT 的优点在于它可以灵活地处理 XML 文档的结构和内容,并生成...

    网页XSL基础教程,支持XML和XSL

    下面是一段JavaScript代码,展示了如何在浏览器端加载XML和XSL文件,并使用XSL将XML转换为HTML: ```html &lt;html&gt; // 加载XML文件 var xml = new ActiveXObject("Microsoft.XMLDOM"); xml.async = false; xml.load...

    XML HTML CSS XSL Web编程实作

    XSLT(XSL Transformations)是XSL的一部分,用于将XML文档转换成其他格式,如HTML、PDF或纯文本。XSLT通过模板匹配和转换规则实现这一功能,为数据的呈现提供了灵活性。 Web编程实作则涵盖了上述技术的实际应用。...

Global site tag (gtag.js) - Google Analytics