如何使用Javascript XSLT 处理XML文件(2)

最新推荐文章于 2023-02-22 23:03:36 发布

原创最新推荐文章于 2023-02-22 23:03:36 发布 · 947 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xslt #xml #processing #mozilla #浏览器

AJAX 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 和 DOM 操作 XML 数据并通过 XSL 进行展示的方法。支持 Mozilla 和 IE 浏览器，通过创建 XSLTProcessor 对象并加载 XML 和 XSL 文件来转换数据。

接上篇，本篇文章主要实现使用javascript dom 处理XSL显示数据的第二种方式。

主要代码如下：

var xmlDoc;
var xslDoc;

// 判断浏览器的类型
if(document.implementation && document.implementation.createDocument)
{
  // 支持Mozilla浏览器
  try
  {
   xmlDoc = document.implementation.createDocument("", "", null);
   xmlDoc.async = false;
   xmlDoc.load("guestbook/guestbook.xml");

   xslDoc = document.implementation.createDocument("", "", null);
   xslDoc.async = false;
   xslDoc.load("guestbook/guestbook.xsl");

   // 定义XSLTProcessor对象
   var xsltProcessor = new XSLTProcessor();
   xsltProcessor.importStylesheet(xslDoc);
    // transformToDocument方式
    var result = xsltProcessor.transformToDocument(xmlDoc);
    var xmls = new XMLSerializer();
    document.getElementById("guestbookPanel").innerHTML = xmls.serializeToString(result);

  }
  catch(e)
  {
   alert("Unable to do xml/xsl processing");
  }
}
else if(typeof window.ActiveXObject != 'undefined')
{
  try
  {
   // 支持IE浏览器
   xmlDoc = new ActiveXObject('Msxml2.DOMDocument');
   xslDoc = new ActiveXObject('Msxml2.DOMDocument');
   xmlDoc.async = false;
   xslDoc.async = false;
   xmlDoc.load("guestbook/guestbook.xml");
   xslDoc.load("guestbook/guestbook.xsl");
   guestbookPanel.innerHTML = xmlDoc.documentElement.transformNode(xslDoc);
  }
  catch(e)
  {
   alert("Unable to do xml/xsl processing");
  }
}
else
{
  alert("Browser unknown!");
}