兼容Firefox的Javascript XSLT 处理XML文件
最近使用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!");
}
- javascript解析xml字符串的函数
- JavaScript 解析读取XML文档 实例代码
- javascript 读取XML数据,在页面中展现、编辑、保存的实现
- javascript XMLHttpRequest对象全面剖析
- Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
- javascript操作xml(增删改查)例子代码hta版
- JavaScript XML和string相互转化实现代码
- JavaScript高级程序设计 XML、Ajax 学习笔记
- JavaScript操作XML 使用百度RSS作为新闻源示例
- JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
- javascript+xml实现简单图片轮换(只支持IE)
- 如何使用Javascript正则表达式来格式化XML内容
- javascript读取Xml文件做一个二级联动菜单示例
相关文章
JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解
这篇文章主要介绍了JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解的相关资料,需要的朋友可以参考下2016-03-03javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
这篇文章主要介绍了javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文),涉及javascript回调、遍历等实现技巧,需要的朋友可以参考下2015-07-07在layui.use 中自定义 function 的正确方法
今天小编就为大家分享一篇在layui.use 中自定义 function 的正确方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09uni-app中如何使用uni.showModal添加输入框
uni-app是一种使用Vue.js开发所有前端应用的框架,uni.showModal是其API之一,用于展示模态弹窗并可添加输入框,通过editable属性设置弹窗内容是否可编辑,通过success回调函数处理用户点击结果,这提供了一个交互式元素,方便在应用中收集用户输入的信息2024-09-09
最新评论