新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   >>中国XML论坛<<     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论XSL,XSLT,XSL-FO,CSS等技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 XSL/XSLT/XSL-FO/CSS 』 → XSL简明教程 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 9915 个阅读者浏览上一篇主题  刷新本主题   平板显示贴子 浏览下一篇主题
     * 贴子主题: XSL简明教程 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     netsing 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(猛啃高等数学)
      文章:16
      积分:169
      门派:XML.ORG.CN
      注册:2005/10/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给netsing发送一个短消息 把netsing加入好友 查看netsing的个人资料 搜索netsing在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看netsing的博客楼主
    发贴心情 

    三. XSL--在客户端的实现

    1.JavaScript解决方案

    在上面的章节中我们已经解释了XSL是如何将XML转换成HTML文件。方法就是在XML文档的头部加入一个XSL样式表信息,然后让浏览器执行转换过程。

    这种方法在大部分情况下都做得很好,但是在不支持XML的浏览器中就无法正确显示了。

    一个更好的更全面的解决方案是使用Javascript来实现XML到HTML的转换。但是使用JavaScript必须得到以下功能支持:

    a.允许Javascript代替浏览器进行细节检测;

    b.根据不同的需要和不同的浏览器使用不同的样式表。

    对于XSL来说这是完全可行的。设计XSL的目标之一就是允许将一种格式转换成另一种格式,支持不同的浏览器,支持不同的用户需求。未来的浏览器的重要任务就是在客户端执行XSL的转换工作。

    2.一个具体的实例

    下面是我们上面提到的一个XML文档(cd_catalog.xml)例子的部分代码:

    <?xml version="1.0" encoding="ISO8859-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>

    .

    .

    .

    下面是完整的XSL文件(cd_catalog.xsl):

    <?xml version='1.0'?>

    <xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

    <xsl:template match="/">

    <html>

    <body>

    <table border="2" bgcolor="yellow">

    <tr>

    <th>Title</th>

    <th>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样式表,还没有被转换成HTML文件。

    下面是用JavaSript来实现最后转换的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.xsl")

    // Transform

    document.write(xml.transformNode(xsl))

    </script>

    </body>

    </html>

    上面代码中使用了Javascript,如果你不知道如何写JavaScript,您最好专门学习一下。

    第一段代码建立一个Microsoft Parser(XMLDOM)解析的对象,并将XML文档读入内存;第二段代码建立另外一个对象并导入XSL文档;最后一行代码将XML文档用XSL文档转换,并将结果输出到HTML文件中。

    ----------------------------------------------
    [url=http://netsing.cn]深圳市网站建设[/url]

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/10/15 12:05:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/11 5:51:54

    本主题贴数7,分页: [1]

     *树形目录 (最近20个回帖) 顶端 
    主题:  XSL简明教程(1236字) - netsing,2005年10月15日
        回复:  七. XSL 的控制语句1.条件语句if...thenXSL同样还有条件语句(呵呵~~好厉..(1773字) - netsing,2005年10月15日
        回复:  六. XSL的过滤和查询 如果我们希望只显示满足一定的条件的XML数据应该怎么做呢?还是上面的..(893字) - netsing,2005年10月15日
        回复:  五. XSL 的索引 如果我需要将元素的显示按一定的顺序排列,应该如何建立XSL的索引呢?..(1670字) - netsing,2005年10月15日
        回复:  四: XSL --- 在服务器端的实现 1.兼容所有的浏览器在上面一章我们介绍了可以通过J..(2076字) - netsing,2005年10月15日
        回复:  三. XSL--在客户端的实现1.JavaScript解决方案在上面的章节中我们已经解释了..(2296字) - netsing,2005年10月15日
        回复:  二.XSL的转换 1.将XML转换成HTMLXSL是如何将XML文档转换成HTML文件的呢..(1751字) - netsing,2005年10月15日

    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    62.500ms