您好,登录后才能下订单哦!
这篇文章主要讲解了“怎么使用 JavaScript XSLT 处理 XML 文件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用 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 XSLT 处理 XML 文件”的内容了,经过本文的学习后,相信大家对怎么使用 JavaScript XSLT 处理 XML 文件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。