XSL简明教程.docx
《XSL简明教程.docx》由会员分享,可在线阅读,更多相关《XSL简明教程.docx(13页珍藏版)》请在冰豆网上搜索。
XSL简明教程
XSL简明教程
一、XSL入门
1.XSL---XML的样式表
HTML网页使用预先确定的标识(tags),这就是说所有的标记都有明确的含义,例如
是另起一行
是标题字体。
所有的浏览器都知道如何解析和显示HTML网页。
然而,XML没有固定的标识,我们可以建立我们自己需要的标识,所以浏览器不能自动解析它们,例如
可以理解为表格,也可以理解为桌子。由于XML的可扩展性,使我们没有一个标准的办法来显示XML文档。
为了控制XML文档的显示,我们有必要建立一种机制,CSS就是其中的一种,但是XSL(eXtensibleStylesheetLanguage)是显示XML文档的首选样式语言,它比CSS更适合于XML。
2.XSL---不仅仅是一种样式表
XSL由两部分组成:
一是转化XML文档;二是格式化XML文档。
如果你不理解这个意思,可以这样想:
XSL是一种可以将XML转化成HTML的语言,一种可以过滤和选择XML数据的语言,一种能够格式化XML数据的语言。
(比如用红色显示负数。
)
3.XSL---它能做什么?
XSL可以被用来定义XML文档如何显示,可以将XML文档转换成能被浏览器识别的HTML文件,通常的,XSL是通过将每一个XML元素"翻译"为HTML元素,来实现这种转换的。
XSL能够向输出文件里添加新的元素,或则移动元素。
XSL也能够重新排列或者索引数据,它可以检测并决定哪些元素被显示,显示多少。
4.XSL在IE5中的显示
注意:
IE5.0中,并不能完全兼容W3C组织发布的最新XSL标准。
因为IE5.0是在XSL标准最终确定以前发布的。
微软已经承诺在IE5.5中修正。
二、XSL的转换
1.将XML转换成HTML
XSL是如何将XML文档转换成HTML文件的呢?
我们来看一个例子,下面是XML文档的一部分:
xmlversion="1.0"encoding="gb2312"?
>
吴冠晖
wgh
130XXXXXXXX
XXXXXXXX
wghvideo@
710061
XXX
然后我们将下面的XSL文件作为HTML的模板将XML数据转换为HTML文件:
xmlversion="1.0"encoding="gb2312"?
>
stylesheetxmlns:
xsl="http:
//www.w3.org/TR/WD-xsl">
templatematch="/">
姓名 |
英文名 | 手机 | 电话 | Email | QQ | 所在公司 | for-eachselect="/Persons/Person">
#990000">value-ofselect="Name"/>
value-ofselect="Nick"/> |
value-ofselect="Mobile"/> |
value-ofselect="Tel"/> |
value-ofselect="Email"/> | value-ofselect="QQ"/> | value-ofselect="Company"/> | for-each>
template>
stylesheet>
在上面的代码中,xsl:
for-each元素的作用是定位XML文档中的哪些元素需要按以下模板显示。
select属性用来定义源文件中的元素名。
指定属性的这种语法又称为XML
Pattern(模式),类似文件子目录的表示形式。
xsl:
value-of元素用来在当前层次中插入子元素的内容模板。
因为XSL样式表自身也是一个XML文档,因此,XSL文件的开头以一个XML声明开始。
xsl:
stylesheet元素用来声明这是一个样式表文件。
template
match="/">语句表示XML的源文档在当前目录下。
如果为XML文档加上XSL样式表,看下面代码第2行,你的浏览器就可以精确的将XML文档转换为HTML文件。
xmlversion="1.0"encoding="gb2312"?
>
xml-stylesheettype="text/xsl"href="tongxun.xsl"?
>
吴冠晖
wgh
130XXXXXXXX
XXXXXXXX
wghvideo@
710061
XXX
三、XSL--在客户端的实现
1.JavaScript解决方案
在上面的章节中我们已经解释了XSL是如何将XML转换成HTML文件。
方法就是在XML文档的头部加入一个XSL样式表信息,然后让浏览器执行转换过程。
这种方法在大部分情况下都做得很好,但是在不支持XML的浏览器中就无法正确显示了。
一个更好的更全面的解决方案是使用Javascript来实现XML到HTML的转换。
但是使用JavaScript必须得到以下功能支持:
a.允许Javascript代替浏览器进行细节检测;
b.根据不同的需要和不同的浏览器使用不同的样式表。
对于XSL来说这是完全可行的。
设计XSL的目标之一就是允许将一种格式转换成另一种格式,支持不同的浏览器,支持不同的用户需求。
未来的浏览器的重要任务就是在客户端执行XSL的转换工作。
2.一个具体的实例
下面是我们上面提到的一个XML文档(tongxun.xml)例子的部分代码:
xmlversion="1.0"encoding="gb2312"?
>
吴冠晖
wgh
130XXXXXXXX
XXXXXXXX
wghvideo@
710061
XXX
下面是完整的XSL文件(tongxun.xsl):
xmlversion="1.0"encoding="gb2312"?
>
stylesheetxmlns:
xsl="http:
//www.w3.org/TR/WD-xsl">
templatematch="/">
姓名 |
英文名 |
手机 | 电话 | Email | QQ | 所在公司 | for-eachselect="/Persons/Person">
#990000">value-ofselect="Name"/>
value-ofselect="Nick"/> |
value-ofselect="Mobile"/> |
value-ofselect="Tel"/> |
value-ofselect="Email"/> | value-ofselect="QQ"/> | value-ofselect="Company"/> | for-each>
template>
stylesheet>
注意,现在XML文件还没有加入XSL样式表,还没有被转换成HTML文件。
下面是用JavaSript来实现最后转换的HTML代码:
//LoadXML
varxml=newActiveXObject("Microsoft.XMLDOM")
xml.async=false
xml.load("tongxun.xml")
//LoadtheXSL
varxsl=newActiveXObject("Microsoft.XMLDOM")
xsl.async=false
xsl.load("tongxun.xsl")
//Transform
document.write(xml.transformNode(xsl))
第一段代码建立一个MicrosoftParser(XMLDOM)解析的对象,并将XML文档读入内存;第二段代码建立另外一个对象并导入XSL文档;最后一行代码将XML文档用XSL文档转换,并将结果输出到HTML文件中。
四、XSL的元素语法
1.xsl:
template和xsl:
apply-templates
模板(template)是XSL中最重要的概念之一。
XSL文件就是由一个一个的模板组成,任何一个XSL文件至少包含一个模板。
模板的概念就象是搭积木;你如果是程序员,也可以将模板看作一个方法,一个类,或者一个模块。
它们可以被拼装组合,也可以单独成块,不同的模板控制不同的输出格式。
模板(template)由两部分组成:
匹配模式(matchpattern)和执行。
简单的讲模式定义XML源文档中哪一个节点将被模板处理,执行则定义输出的是什么