XSL簡明教程(3)在客戶端的實現(轉)
三. XSL--在客戶端的實現
1.JavaScript解決方案
在上面的章節中我們已經解釋了XSL是如何將XML轉換成HTML檔案。方法就是在XML文件的頭部加入一個XSL樣式表資訊,然後讓瀏覽器執行轉換過程。
這種方法在大部分情況下都做得很好,但是在不支援XML的瀏覽器中就無法正確顯示了。
一個更好的更全面的解決方案是使用Javascript來實現XML到HTML的轉換。但是使用JavaScript必須得到以下功能支援:
a.允許Javascript代替瀏覽器進行細節檢測;
b.根據不同的需要和不同的瀏覽器使用不同的樣式表。
對於XSL來說這是完全可行的。設計XSL的目標之一就是允許將一種格式轉換成另一種格式,支援不同的瀏覽器,支援不同的使用者需求。未來的瀏覽器的重要任務就是在客戶端執行XSL的轉換工作。
2.一個具體的例項
下面是我們上面提到的一個XML文件(cd_catalog.xml)例子的部分程式碼:
下面是完整的XSL檔案(cd_catalog.xsl):
Title Artist
注意,現在XML檔案還沒有加入XSL樣式表,還沒有被轉換成HTML檔案。
下面是用JavaSript來實現最後轉換的HTML程式碼:
上面程式碼中使用了Javascript,如果你不知道如何寫JavaScript,您最好專門學習一下。
第一段程式碼建立一個Microsoft Parser(XMLDOM)解析的物件,並將XML文件讀入記憶體;第二段程式碼建立另外一個物件並匯入XSL文件;最後一行程式碼將XML文件用XSL文件轉換,並將結果輸出到HTML檔案中。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752019/viewspace-950405/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Go 實現簡易的 Redis 客戶端GoRedis客戶端
- XSL簡明教程(5)XSL的索引(轉)索引
- XSL簡明教程(2)XSL轉換(轉)
- github客戶端fork的簡單教程Github客戶端
- XSL簡明教程(1)XSL入門(轉)
- XSL簡明教程(7)XSL 的控制語句(轉)
- Linux中NetWare客戶端簡易安裝說明(轉)Linux客戶端
- python 實現 TCP、UDP 客戶端最簡流程PythonTCPUDP客戶端
- python實現douban.fm簡易客戶端Python客戶端
- 客戶端骨架屏實現客戶端
- 在 WPF 客戶端實現 AOP 和介面快取客戶端快取
- Redis的Pub/Sub客戶端實現Redis客戶端
- 網頁SSH客戶端的實現網頁客戶端
- TCP通訊客戶端和服務端簡單程式碼實現TCP客戶端服務端
- Java建立WebService服務及客戶端實現(轉)JavaWeb客戶端
- HTML轉PDF的純客戶端和純服務端實現方案HTML客戶端服務端
- XSL簡明教程(6)XSL過濾和查詢(轉)
- xml應用(2): 透過向xsl傳遞引數+資料島方式,實現在客戶端單個xml的分框架顯示 (轉)XML客戶端框架
- oracle9i簡易客戶端製作說明Oracle客戶端
- jQuery實現客戶端CheckAll功能jQuery客戶端
- FTP 客戶端使用教程FTP客戶端
- 如何用Java Socket實現一個簡單的Redis客戶端JavaRedis客戶端
- Android-TCP客戶端的實現AndroidTCP客戶端
- golang實現tcp客戶端服務端程式GolangTCP客戶端服務端
- c#實現redis客戶端(一)C#Redis客戶端
- 實現客戶端與服務端的HTTP通訊客戶端服務端HTTP
- 簡單實用的FTP客戶端:Viper FTP for MacFTP客戶端Mac
- Istio 中實現客戶端源 IP 的保持客戶端
- pycurl實現hadoop的客戶端功能薦Hadoop客戶端
- 一個POP3客戶端的C#類 (轉)客戶端C#
- 《ElasticSearch6.x實戰教程》之簡單搜尋、Java客戶端(上)ElasticsearchJava客戶端
- Android實現Thrift服務端與客戶端Android服務端客戶端
- Java review--NIO例項:實現服務端和客戶端的簡單通訊JavaView服務端客戶端
- Redis 6.0 客戶端快取的伺服器端實現Redis客戶端快取伺服器
- Spring Cloud入門教程-Ribbon實現客戶端負載均衡SpringCloud客戶端負載
- IM撤回訊息-iOS客戶端實現iOS客戶端
- FTP客戶端c程式碼功能實現FTP客戶端C程式
- Vue實現騰訊視訊Mac客戶端VueMac客戶端