使用javascript在客户端通过 XSLT 将 XML 文档转换为 XHTML,兼容IE和Firefox

本文介绍了一种使用JavaScript实现的XML文档与XSLT样式表的加载及转换方法。针对不同浏览器(如IE与Firefox)特性,采取了不同的加载策略,并通过transformNode方法将XML文档转换为HTML格式进行展示。
摘要由CSDN通过智能技术生成

<script type="text/javascript">
loadXML = function(fileRoute){
    xmlDoc=null;
     if (window.ActiveXObject){
        xmlDoc = new ActiveXObject('Msxml2.DOMDocument'); xmlDoc.async=false; xmlDoc.load(fileRoute);
    }
    else if (document.implementation && document.implementation.createDocument){
        var xmlhttp = new window.XMLHttpRequest();
        xmlhttp.open("GET",fileRoute,false);
        xmlhttp.send(null);
        xmlDoc = xmlhttp.responseXML; //返回document对象
    }
    else {xmlDoc=null;}
    return xmlDoc;
}
var Browser={};
Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument!='undefined');
Browser.isIE = window.ActiveXObject ? true : false;
Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox")!=-1);
Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari")!=-1);
Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera")!=-1);

var xmlObj=loadXML("cdcatalog.xml");
var xslObj =loadXML("cdcatalog.xsl");

if(Browser.isMozilla==true){
//firefox没有实现xml.transformNode,添加transformNode方法。
    Node.prototype.transformNode = function (oXslDom) {
        var oProcessor = new XSLTProcessor();
        oProcessor.importStylesheet(oXslDom);
        var oResultDom = oProcessor.transformToDocument(this);
        var xmls = new XMLSerializer();
        return xmls.serializeToString(oResultDom);                
    }
}
document.write(xmlObj.transformNode(xslObj));
</script>

查看文件 cdcatalog.xsl  cdcatalog.xml

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值