• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

XSL基础教程第四章_xml

xml 搞代码 7年前 (2018-06-15) 136次浏览 已收录 0个评论

 

XSL索引
  
  XSL可以用来对一个xml文档进行索引。
  
  
将索引信息放在哪里
  
  现在重新看看在以前许多章节中都曾看到过的 XML文档:
  

http://www.gaodaima.com/33720.htmlXSL基础教程第四章_xml

    <?xml version=”1.0″?>
  
  
  <CATALOG>
  
  
   <CD>
  
  
    <TITLE>Empire Burlesque</TITLE>
  
  
    <ARTIST>Bob Dylan</ARTIST>
  
  
    <COUNTRY>USA</COUNTRY>
  
  
    <COMPANY>Columbia</COMPANY>
  
  
    <PRICE>10.90</PRICE>
  
  
    <YEAR>1985</YEAR>
  
  
   </CD>
  
  
  .
  
  
  .
  
  
  .
  
  
  要想将这个XML文件作为一个普通的HTML文件输出,并且同时对它进行索引,只需要在XSL文件中增加一个order-by 属性,如下:
  
  
  <xsl:for-each select=”CATALOG/CD” order-by=”+ ARTIST”>
  
  
  order-by属性使用加号(+)或减号(-)来定义是使用升序还是降序,再用一个元素名称来定义排序的元素。
  
  
  现在来看看经过轻微调整的XSL样式表(或在IE5中打开它):
  
  
  <?xml version=’1.0′?>
  
  
  <xsl:stylesheet xmlns:xsl=”http://www.w3.org/TR/WD-xsl”&gt;
  
  
  <xsl:template match=”/”>
  
  
   <html>
  
  
   <body>
  
  
    <table border=”2″ bgcolor=”yellow”>
  
  
     <tr>
  
  
      <th>Title</th>
  
  
      <th>Artist</th>
  
  
     </tr>
  
  
     <xsl:for-each select=”CATALOG/CD”
  
  
     order-by=”+ ARTIST”>
  
  
     <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文件转换成HTML所需要的简单代码:
  
  
  <html>
  
  
  <body>
  
  
  <script language=”JavaScript“>
  
  
  // 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_sort.xsl“)
  
  
  // Transform
  
  
  document.write(xml.transformNode(xsl))
  
  
  </script>
  
  
  </body>
  
  
  </html>
  
  
如果使用的是Internet Explorer 5.0 或更高版本,请点击这里查看结果。
  XSL
过滤器查询
  
  XSL可以用来过滤一个 XML 文件。
  
  
在哪里放置过滤器信息
  
  现在重新看看你以前已经看过多次的XML文档:
  
  
  <?xml version=”1.0″?>
  
  
  <CATALOG>
  
  
   <CD>
  
  
    <TITLE>Empire Burlesque</TITLE>
  
  
    <ARTIST>Bob Dylan</ARTIST>
  
  
    <COUNTRY>USA</COUNTRY>
  
  
    <COMPANY>Columbia</COMPANY>
  
  
    <PRICE>10.90</PRICE>
  
  
    <YEAR>1985</YEAR>
  
  
   </CD>
  
  
  .
  
  
  .
  
  
  .
  
  
  要过滤XML文件,只需要为XSL文件中的for-each元素的选择属性增加一个过滤器,如下:
  
  
  <xsl:for-each select=”CATALOG/CD[ARTIST=’Bob Dylan’]”>
  
  
  合法的过滤器操作符是:
  
  
  = 等于
  
  
  != 不等于
  
  
  < 小于
  
  
  > 大于
  
  
  现在看看经过轻微调整的XSL样式表:
  
  
  <?xml version=’1.0′?>
  
  
  <xsl:stylesheet xmlns:xsl=”http://www.w3.org/TR/WD-xsl”&gt;
  
  
  <xsl:template match=”/”>
  
  
   <html>
  
  
   <body>
  
  
   <table border=”2″ bgcolor=”yellow”>
  
  
   <tr>
  
  
    <th>Title</th>
  
  
    <th>Artist</th>
  
  
   </tr>
  
  
   <xsl:for-each select=”CATALOG/CD[ARTIST=’Bob Dylan’]”>
  
  
   <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文件转换成HTML所需要的简单代码:
  
  
  <html>
  
  
  <body>
  
  
  <script language=”javascript“>
  
  
  // 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_filter.xsl“)
  
  
  // Transform
  
  
  document.write(xml.transformNode(xsl))
  
  
  </script>
  
  
  </body>
  
  
  </html>
  
  
如果使用的是Internet Explorer 5.0 或更高版本,请点击这里查看结果。
  
  

欢迎大家阅读《XSL基础教程第四章_xml》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:XSL基础教程第四章_xml
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址