最近使用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 代码如下:

function initialize() {
  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");
    }
    catch(e)
    {
      alert("error:001");
    }
    try
    {
      xslDoc = document.implementation.createDocument("", "", null);
      xslDoc.async = false;  
       xslDoc.load("guestbook/guestbook.xsl");
     }
     catch(e)
     {
       alert("error:002");
     }
     try
     {
       // 定义XSLTProcessor对象 
      var xsltProcessor = new XSLTProcessor();
      xsltProcessor.importStylesheet(xslDoc);
      var oResultFragment = xsltProcessor.transformToFragment(xmlDoc,document);
      // 将解析过的文本输出到页面
      var oDiv = document.getElementById("guestbookPanel");
      oDiv.appendChild(oResultFragment);
    }
    catch(e)
    {
      alert("error:003");
    } 
  }
  else if(typeof window.ActiveXObject != 'undefined')
  {   
    //var xmlDoc=Server.CreateObject("Msxml2.DOMDocument.4.0");   
    // 支持IE浏览器
    xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
    xslDoc = new ActiveXObject('Microsoft.XMLDOM');
    xmlDoc.async = false;
    xslDoc.async = false;  
    xmlDoc.load("guestbook/guestbook.xml");
     xslDoc.load("guestbook/guestbook.xsl");
    guestbookPanel.innerHTML = xmlDoc.documentElement.transformNode(xslDoc); 
  }
  else
  {
    alert("Browser unknown!");
  }
}

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!");
}

XMLTProcessor根据XSLT样式规则将节点转换为document对象的更多相关文章

  1. XML的应用 ---- 从一个范例看xml数据、xsd验证、xslt样式

    从一个范例看XML的应用 引言 如果你已经看了Asp.Net Ajax的两种基本开发模式 这篇文章,你可能很快会发现这样一个问题:在那篇文章的方式2中,客户端仅仅是发送了页面上一个文本框的内容到服务端 ...

  2. javaScript增加样式规则(新增样式)

    <html> <head> <link rel="stylesheet" type="text/css" href="b ...

  3. css样式规则的简要总结

    css与文档关联起来发挥作用. css文件中是各种样式规则,由选择器和声名块构成.声明块由多条声明组成.选择器是声明要作用的对象,声明是对具体规则的描述. 声明由属性和值组成,值或是属性的错误都会使该 ...

  4. 微软BI 之SSIS 系列 - XML Task 中XSLT 样式表转换错误记录

    开篇介绍 此文章专门记录 XSLT 样式表转换过程中的语法问题 错误一 值与属性的倒置 修改了几次样式表,但还是一如既往的报错,报错信息如下: [XML Task] Error: An error o ...

  5. css样式规则

    在css样式规则中: 1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式. 2.属性和属性值以"键值对"的形式出现. 3.属性是对指定的对象设置的样式 ...

  6. 2.1.4- css 样式规则

    CSS初识 CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽 ...

  7. JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作

    javascript-对文档对象的内容.属性.样式的操作 一.操作内容 1. innerHTML 用来设置或获取对象起始和结束标签内的内容(识别html标签) 2. innerText 用来设置或获取 ...

  8. jQuery对象转换为DOM对象(转)

    jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的 ...

  9. Winform中怎样获取项目图片资源并转换为Image对象

    场景 DevExpress的TreeList怎样给树节点设置图标: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10274554 ...

随机推荐

  1. 利用jquery写的一个TAB页切换效果

    函数如下 /** *切换效果 */ function switab(tab,con,tab_c_css,tab_n_css,no) { $(tab).each(function(i){ if(i == ...

  2. springmvc+mybatis集成配置

    简单之美,springmvc,mybatis就是一个很好的简单集成方案,能够满足一般的项目需求.闲暇时间把项目配置文件共享出来,供大家参看: 1.首先我们来看下依赖的pom: <!-- spri ...

  3. Windows下提升进程权限(转)

    from: http://www.oschina.net/code/snippet_222150_19533 windows的每个用户登录系统后,系统会产生一个访问令牌(access token) , ...

  4. Visusl Studio常用快捷键

    Visusl Studio常用快捷键 快捷键     功能 ctrl+k,c 注释选中行      ctrl+k,u 取消对选中行的注释 CTRL + SHIFT + B:生成解决方案 CTRL + ...

  5. request.getParameter中文乱码问题

    http请求是以ISO-8859-1的编码来传送url的 如果页面的content-type为utf-8,那么在发送请求时,会将字符转成utf-8后进行传送              如: 中 的UT ...

  6. python中,str和repr的区别

    str函数,它会把值转换为合理形式的字符串,以便用户可以理解. repr会创建一个字符串,它以合法的Python表达式的形式来表示值. 例如: >>> print repr(&quo ...

  7. ue中替换行

    把替换的字符替换为^p 如:123,12,3,1, 在UE力把“,”替换未“^p”,就会替换为 1231231

  8. 一个关于css3背景透明的例子

    大家都知道使用opacity调节透明度不仅是背景透明了而且选择区域的文字也跟着透明了, 这是我们不想要的效果,于是强大的css3便有了只让背景透明的功能 那就是background:rgba(0,0, ...

  9. 少部分手机浏览器对于COOKIE支持不够导致服务端无法读取session的解决方案

    相信大家都遇到过这样的问题,有手机浏览器的问题导致服务端SESSION读取不正常,目前在项目中的解决方法是采取H5手机本地存储唯一KEY解决的 代码片段 //定义json格式字符串 var userD ...

  10. Oracle中对时间操作的一些总结

    sysdate+(5/24/60/60) 在系统时间基础上延迟5秒 sysdate+5/24/60 在系统时间基础上延迟5分钟 sysdate+5/24 在系统时间基础上延迟5小时 sysdate+5 ...