如果瀏覽器支持XML,,就可以用XSL在瀏覽器中將文檔轉(zhuǎn)換成HTML。
一個(gè)JavaScript的解決方法
在前文中,我們解釋了如何用XSL將一個(gè)文檔從XML轉(zhuǎn)換成HTML。竅門就是向XML文件中增加一個(gè)XSL樣式表,然后讓瀏覽器來進(jìn)行轉(zhuǎn)換。即使這種方法能奏效,在XML文件中包含一個(gè)樣式表引用也并非令人滿意的方法,并且在不支持XSL的瀏覽器上這種方法還不能奏效。
一個(gè)更通用的方法應(yīng)該是用一個(gè)JavaScript來進(jìn)行從XML到HTML的轉(zhuǎn)換。使用一個(gè)JavaScript,就更有以下可能性:
允許JavaScript進(jìn)行瀏覽器細(xì)節(jié)測試;
根據(jù)瀏覽器和用戶需求使用不同的樣式表。
這就是XSL的美妙之處。XSL設(shè)計(jì)目的之一就是使數(shù)據(jù)從一個(gè)格式轉(zhuǎn)換成另一個(gè)格式成為可能,從而支持不同的瀏覽器和不同的用戶需求。
客戶端XSL轉(zhuǎn)換將成為未來瀏覽器工作任務(wù)的一個(gè)主要部分,我們還將看到專業(yè)化瀏覽器市場的成長,比如Braille、 發(fā)聲網(wǎng)絡(luò)、網(wǎng)絡(luò)打印機(jī)、手持PC、移動(dòng)電話等。
XML文件和XSL文件
現(xiàn)在重新來看看前面章節(jié)中的XML文檔:
以下為引用的內(nèi)容:
<?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>
.
.
.
還有附帶的XSL樣式表:
以下為引用的內(nèi)容:
<?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文件的引用,XSL文件也沒有對XML文件的引用。注意:上面的句子說明一個(gè)XML文件可以用許多不同的XSL文件進(jìn)行轉(zhuǎn)換。
在瀏覽器中將XML轉(zhuǎn)換到HTML
以下是在客戶機(jī)上將XML文件轉(zhuǎn)換成HTML所需要的源代碼,很簡單:
以下為引用的內(nèi)容:
<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>
如果使用的是Internet Explorer 5.0 或更高版本,請點(diǎn)擊這里查看結(jié)果。
代碼的第一塊創(chuàng)建了Microsoft XML 解析器(XMLDOM)的一個(gè)例示,并將XML文檔加載到內(nèi)存中。代碼的第二塊創(chuàng)建解析器的另一個(gè)例示,并將XSL文檔加載到內(nèi)存中。代碼的最后一行用XSL文檔轉(zhuǎn)換XML文檔,將結(jié)果寫入HTML 文檔中。
服務(wù)器端XSL
由于不是所有的瀏覽器都支持XML和XSL,因此就有了一個(gè)在服務(wù)器上將XML轉(zhuǎn)換成HTML的方法。
一個(gè)跨瀏覽器的解決方法
在前面的章節(jié)中,我們解釋了如何用XSL在瀏覽器中將XML文檔轉(zhuǎn)換成HTML,竅門就是讓JavaScript使用一個(gè)XML解析器來進(jìn)行轉(zhuǎn)換。但是當(dāng)瀏覽器不支持XML解析器時(shí),這種方法是不奏效的。要使XML數(shù)據(jù)對所有瀏覽器都可用,我們就必須在服務(wù)器上轉(zhuǎn)換XML文檔,并將它作為純HTML發(fā)送到瀏覽器。
這是XSL的另一個(gè)美妙之處。XSL的設(shè)計(jì)目的之一是使得在服務(wù)器上將數(shù)據(jù)從一種格式轉(zhuǎn)換成另一種格式成為可能,并將可讀數(shù)據(jù)返回到所有未來的瀏覽器中。
在服務(wù)器上進(jìn)行XSL轉(zhuǎn)換正在成為未來Internet信息服務(wù)器工作任務(wù)的一個(gè)主要部分,同時(shí)我們將看到專用瀏覽器市場的發(fā)展,如:Braille、有聲網(wǎng)絡(luò)、網(wǎng)絡(luò)打印機(jī)、手持PC、移動(dòng)電話等。
XML文件和XSL文件
現(xiàn)在來重新看看前面章節(jié)中的XML文檔:
以下為引用的內(nèi)容:
<?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>
.
.
.
如果使用的是Internet Explorer 5.0或更高版本,可以點(diǎn)擊這里查看XML文件。
再看看伴隨的XSL樣式表:
以下為引用的內(nèi)容:
<?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>
如果使用的是Internet Explorer 5.0或更高版本,可以點(diǎn)擊這里查看XSL文件。
以上XSL文檔的語法在前面章節(jié)中已經(jīng)解釋過了,因此這里不再做解釋。但是要確保XML文件沒有對XSL文件的引用,XSL文件也沒有對XML文件的引用。同時(shí)請注意:上面的句子表明一個(gè)服務(wù)器上的XML文件可以用許多不同的XSL文件進(jìn)行轉(zhuǎn)換。
在服務(wù)器端將XML轉(zhuǎn)換成HTML
以下是在服務(wù)器上轉(zhuǎn)換XML文件所需要的簡單源代碼:
以下為引用的內(nèi)容:
<%
'Load the XML
set xml = Server.CreateObject("Microsoft.XMLDOM")
xml.async = false
xml.load(Server.MapPath("cd_catalog.xml"))
'Load the XSL
set xsl = Server.CreateObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load(Server.MapPath("cd_catalog.xsl"))
'Transform the file
Response.Write(xml.transformNode(xsl))
%>
代碼的第一塊創(chuàng)建Microsoft XML解析器(XMLDOM)的一個(gè)例示,并將XML文件裝載到內(nèi)存中。代碼的第二塊創(chuàng)建解析器的另一個(gè)例示,并將XSL文檔裝載到內(nèi)存。代碼的最后一行用XSL文檔轉(zhuǎn)換XML文檔,并將結(jié)果返回瀏覽器。
新聞熱點(diǎn)
疑難解答
圖片精選