如何使用 JavaScript XSLT 处理 XML 文件

开发 后端
本文介绍一个JavaScript XSLT处理XML页面展现的小功能。一共分两个方法,分别使用transformToFragment()以及transformToDocument()。两个方法均可在Firefox下工作。

最近使用Firefox进行网页的调试,发现有些Javascript XSLT处理XML的语句仅仅支持IE浏览器。网络中的一些介绍javascript XSLT 处理XML的文章基本上都是依据AJAX来做的。 

写了一个Javascript XSLT处理XML展现页面的小功能。现在帖出来和大家共享,希望大家给点改进意见。 

 在Firefox中使用XSLTProcessor对象处理XML,主要使用该对象的两个方法:

一、transformToFragment()。

二、transformToDocument()。 

下面的代码仅仅使用transformToFragment()方法来实现对XML文件处理,如果你对在Firefox中使用 Javascript XSLT 处理XML文件感兴趣的话不妨试着将以下代码改写成使用transformToDocument()方法来实现的处理功能。

Javascript 代码如下:

  1. function initialize() {   
  2.     var xmlDoc;   
  3.     var xslDoc;   
  4.  
  5.     // 判断浏览器的类型   
  6.     if(document.implementation && document.implementation.createDocument)   
  7.     {          
  8.         // 支持Mozilla浏览器   
  9.         try   
  10.         {   
  11.             xmlDoc = document.implementation.createDocument(""""null);      
  12.             xmlDoc.async = false;   
  13.             xmlDoc.load("guestbook/guestbook.xml");   
  14.         }   
  15.         catch(e)   
  16.         {   
  17.             alert("error:001");   
  18.         }   
  19.         try   
  20.         {   
  21.             xslDoc = document.implementation.createDocument(""""null);   
  22.             xslDoc.async = false;       
  23.               xslDoc.load("guestbook/guestbook.xsl");   
  24.           }   
  25.           catch(e)   
  26.           {   
  27.               alert("error:002");   
  28.           }   
  29.           try   
  30.           {   
  31.               // 定义XSLTProcessor对象      
  32.             var xsltProcessor = new XSLTProcessor();   
  33.             xsltProcessor.importStylesheet(xslDoc);   
  34.             var oResultFragment = xsltProcessor.transformToFragment(xmlDoc,document);   
  35.             // 将解析过的文本输出到页面   
  36.             var oDiv = document.getElementById("guestbookPanel");   
  37.             oDiv.appendChild(oResultFragment);   
  38.         }   
  39.         catch(e)   
  40.         {   
  41.             alert("error:003");   
  42.         }      
  43.     }   
  44.     else if(typeof window.ActiveXObject != 'undefined')   
  45.     {          
  46.         //var xmlDoc=Server.CreateObject("Msxml2.DOMDocument.4.0");          
  47.         // 支持IE浏览器   
  48.         xmlDoc = new ActiveXObject('Microsoft.XMLDOM');   
  49.         xslDoc = new ActiveXObject('Microsoft.XMLDOM');   
  50.         xmlDoc.async = false;   
  51.         xslDoc.async = false;       
  52.         xmlDoc.load("guestbook/guestbook.xml");   
  53.           xslDoc.load("guestbook/guestbook.xsl");   
  54.         guestbookPanel.innerHTML = xmlDoc.documentElement.transformNode(xslDoc);      
  55.     }   
  56.     else   
  57.     {   
  58.         alert("Browser unknown!");   
  59.     }   
  60. }   
  61.  

javascript dom 处理XSL显示数据的第二种方式,主要代码如下:

  1. var xmlDoc;   
  2. var xslDoc;   
  3.  
  4. // 判断浏览器的类型   
  5. if(document.implementation && document.implementation.createDocument)   
  6. {    
  7.   // 支持Mozilla浏览器   
  8.   try   
  9.   {   
  10.    xmlDoc = document.implementation.createDocument(""""null);   
  11.    xmlDoc.async = false;   
  12.    xmlDoc.load("guestbook/guestbook.xml");   
  13.    xslDoc = document.implementation.createDocument(""""null);   
  14.    xslDoc.async = false;    
  15.      xslDoc.load("guestbook/guestbook.xsl");       
  16.      // 定义XSLTProcessor对象   
  17.    var xsltProcessor = new XSLTProcessor();   
  18.    xsltProcessor.importStylesheet(xslDoc);   
  19.     // transformToDocument方式   
  20.     var result = xsltProcessor.transformToDocument(xmlDoc);   
  21.     var xmls = new XMLSerializer();   
  22.     document.getElementById("guestbookPanel").innerHTML = xmls.serializeToString(result);   
  23.   }   
  24.   catch(e)   
  25.   {   
  26.    alert("Unable to do xml/xsl processing");   
  27.   }   
  28. }   
  29. else if(typeof window.ActiveXObject != 'undefined')   
  30. {   
  31.   try   
  32.   {   
  33.    // 支持IE浏览器   
  34.    xmlDoc = new ActiveXObject('Msxml2.DOMDocument');   
  35.    xslDoc = new ActiveXObject('Msxml2.DOMDocument');   
  36.    xmlDoc.async = false;   
  37.    xslDoc.async = false;    
  38.    xmlDoc.load("guestbook/guestbook.xml");   
  39.      xslDoc.load("guestbook/guestbook.xsl");   
  40.    guestbookPanel.innerHTML = xmlDoc.documentElement.transformNode(xslDoc);   
  41.   }   
  42.   catch(e)   
  43.   {   
  44.    alert("Unable to do xml/xsl processing");   
  45.   }   
  46. }   
  47. else   
  48. {   
  49.   alert("Browser unknown!");   
  50. }  
  51.  

【编辑推荐】

  1. Javascript实现的超强语法高亮引擎
  2. 痛陈Javascript的缺点
  3. JavaOne 2009第三天:微软与Sun/Oracle携手并进
  4. 开发高可移植性J2ME的软件
  5. Java虚拟机(JVM)中的内存设置详解
责任编辑:王观 来源: 动态网站制作指南
相关推荐

2009-04-23 13:19:21

创建XMLXML文件Javascript

2009-07-03 14:40:33

2016-02-25 10:18:29

2009-12-02 14:14:06

PHP DOM-XML

2009-02-26 13:35:10

XMLSAXParserJDOM

2009-06-22 11:52:00

javascriptxml

2009-05-21 09:54:12

XMLXSLTCSS

2009-06-22 14:26:12

ScalaXML对象

2022-03-22 09:41:31

Java编程语言持久化

2009-02-05 17:28:01

ScalaFriendFeedXML

2012-02-08 16:22:26

ibmdw

2013-06-08 13:29:27

Android开发DOM读取XMLXML解析

2011-06-15 09:02:01

Qt QDomDocume XML

2019-05-30 14:58:56

Pythonxml文件

2012-10-29 11:34:26

IBMdw

2017-10-26 08:43:18

JavaScript内存处理

2021-09-30 07:26:15

YamlJsonXml

2009-08-19 16:42:41

C#如何使用XML

2009-06-09 21:54:26

传递参数JavaScript

2011-07-20 14:46:59

Cocoa XML 文件
点赞
收藏

51CTO技术栈公众号