类TransformBinder将xml解析为xhtml的实例方法
这几天一直在研究xslt转换xml为xhtml，前面文章有介绍 使用xslt将xml解析成xhtml 的文章
由于前面的方法xslt需要在xml文件内部直接导入，而项目中用到的xml文件是系统生成的，只能提供路径，而没有办法改写xml里面的内容，所以需要找一个方法能够在外部将xml和xslt关联在一起，这样既达到了目的，也可以应用于多个xml文件，方便管理。
先上代码，系统中使用module这个js进行打包，module这个工具是专门用来将js进行打包，这个工具以后的文章再做介绍，我自己现在只会使用，还没研究其底层的代码；这边我们将js写在一个文件里面，包括类以及类实现的方法，
下面是js代码：transform.js
代码如下:
var XmlDom=function(){
if (window.ActiveXObject) {
// IE
var arrSignatures = ["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument", "Microsoft.XmlDom"];
for (var i=0; i < arrSignatures.length; i++)
{
try { var oXmlDom = new ActiveXObject(arrSignatures[i]); return oXmlDom;
}
catch (oError)
{
//ignore
}
}
throw new Error("你的系统没有安装 MSXML.");
}
else if(document.implementation.createDocument){
// Firefox
var oXmlDom = document.implementation.createDocument("", "", null); return oXmlDom;
}
else{ throw new Error("浏览器不支持 XML DOM object.");
}
}
var transformXSLT=function(_XML,_XSL)
{
if (window.Node)
{
Node.prototype.transformNode = function(XslDom)
{
var oProcessor = new XSLTProcessor();
oProcessor.importStylesheet(XslDom);
var oResultDom = oProcessor.transformToDocument(myXmlDom);
var oSerializer = new XMLSerializer();
var sXml = oSerializer.serializeToString(oResultDom, "text/xml");
return sXml;
}
}
var myXmlDom = new XmlDom();
myXmlDom.async=false;
var myXslDom = new XmlDom();
myXslDom.async=false;
myXmlDom.load(_XML);
myXslDom.load(_XSL);
var sResult=myXmlDom.transformNode(myXslDom);
if(window.ActiveXObject){
if(myXmlDom.parseError.errorCode != 0){
var sError=myXmlDom.parseError;
var txt = ""; txt += "<br>错误代码： "; txt += sError.errorCode;
txt += "<br>错误原因： ";
txt += sError.reason; txt += "<br>错误行号： ";
txt += sError.line; document.write(txt);
}else{
document.write(sResult);
}
}else if(document.implementation.createDocument){
var oSerializer = new XMLSerializer();
var sXmlDom = oSerializer.serializeToString(myXmlDom, "text/xml");
var oParser = new DOMParser(); var oXmlDom = oParser.parseFromString(sXmlDom,"text/xml");
if (oXmlDom.documentElement.tagName == "parsererror")
{ var oXmlSerializer = new XMLSerializer();
var sXmlError = oXmlSerializer.serializeToString(oXmlDom); alert(sXmlError);
} else { document.write(sResult);
}
}
} var TransformBinder = function(XML,XSL) { this.XML = XML; this.XSL = XSL; } TransformBinder.prototype.registerAction = function(handlers) { this.handlers = handlers; } TransformBinder.prototype.bind = function() { var _this = this; this.handlers(_this.XML,_this.XSL); }下面是html代码：XSLTtransform.htm
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type='text/javascript' src="transform.js"></script> </head> <body> <script type="text/javascript"> var XML = "这里输入XML路径"; var XSL = "这里输入XSL路径"; var tempObj = new TransformBinder(XML,XSL); tempObj.registerAction(transformXSLT); tempObj.bind(); </script> </body> </html>
分析一下transform.js：
xmlDom这个构造函数是用来创建xml的dom元素，对于IE和FF，创建dom的方法不一样，IE是用window.ActiveXObject这个方法来创建，而FF用document.implementation.createDocument这个方法来创建，我们用这两个属性来判断是IE还是FF。
IE下针对不同版本的xml["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument","Microsoft.XmlDom"]，用for循环进行遍历查找到对应的版本再new ActiveXObject(arrSignatures[i])建立dom；
FF下用document.implementation.createDocument("", "", null);直接创建dom ；
如果浏览器不支持 XML DOM object则throw错误 。
transformXSLT这个构造函数用XSLT将xml转换成html，FF下没有transformNode这个方法，所以我们自己构造了一个方法，
代码如下:
Node.prototype.transformNode = function(XslDom) {
var oProcessor = new XSLTProcessor();
oProcessor.importStylesheet(XslDom);
var oResultDom = oProcessor.transformToDocument(myXmlDom);
var oSerializer = new XMLSerializer();
var sXml = oSerializer.serializeToString(oResultDom, "text/xml");
return sXml;
}然后用这个方法实现转换，在处理错误上IE和FF又有不同的处理方法，IE比较简单，有一个parseError属性装载错误信息，errorCode是错误的代码，reason是错误原因，line是错误的行号，还有其他一些信息，这里只要显示主要的错误信息就可以了，如果出错了就显示出错内容，如果没有出错则显示转换的结果sResult。FF下就比较复杂一点，用XMLSerializer和XMLSerializer.serializeToString()将xmlDom转换为字符串，再将字符串转换成dom对象，在转换的过程中如果报错，就能得到包含有parsererror的信息，判断得到的字符串的tagName是不是parsererror，如果是则将dom对象再转换成字符串抛出字符串中的内容，如果不是则显示转换的结果sResult。
这里有几个注意点：
a.IE能检验出XML的DTD错误，而FF下只能检验出XML本身的语法错误；
b.因为需要在浏览器下判断错误，最终的结果不好合并，可能代码结构上看起来不太合理，这也是无奈之举。
用TransformBinder这个类进行封装，便于扩展和修改。TransformBinder.prototype.registerAction这个原型用于注册事件，再用TransformBinder.prototype.bind将事件进行绑定，需要使用这个类的时候，只需要new TransformBinder(XML,XSL),注册transformXSLT事件，再bind进行绑定，这样就实现这个效果了。如果需要扩展，再创建新的构造函数，注册并绑定到这个类上就可以实现效果。
以上是类TransformBinder将xml解析为xhtml的实例方法的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
能否用PowerPoint打开XML文件
Feb 19, 2024 pm 09:06 PM
XML文件可以用PPT打开吗？XML，即可扩展标记语言（ExtensibleMarkupLanguage），是一种被广泛应用于数据交换和数据存储的通用标记语言。与HTML相比，XML更加灵活，能够定义自己的标签和数据结构，使得数据的存储和交换更加方便和统一。而PPT，即PowerPoint，是微软公司开发的一种用于创建演示文稿的软件。它提供了图文并茂的方
Python中的XML数据转换为CSV格式
Aug 11, 2023 pm 07:41 PM
Python中的XML数据转换为CSV格式XML（ExtensibleMarkupLanguage）是一种可扩展标记语言，常用于数据的存储和传输。而CSV（CommaSeparatedValues）则是一种以逗号分隔的文本文件格式，常用于数据的导入和导出。在处理数据时，有时需要将XML数据转换为CSV格式以便于分析和处理。Python作为一种功能强大
使用Python处理XML中的错误和异常
Aug 08, 2023 pm 12:25 PM
使用Python处理XML中的错误和异常XML是一种常用的数据格式，用于存储和表示结构化的数据。当我们使用Python处理XML时，有时可能会遇到一些错误和异常。在本篇文章中，我将介绍如何使用Python来处理XML中的错误和异常，并提供一些示例代码供参考。使用try-except语句捕获XML解析错误当我们使用Python解析XML时，有时候可能会遇到一些
Python实现XML和JSON之间的转换
Aug 07, 2023 pm 07:10 PM
Python实现XML和JSON之间的转换导语：在日常的开发过程中，我们常常需要将数据在不同的格式之间进行转换。XML和JSON是常见的数据交换格式，在Python中，我们可以使用各种库来实现XML和JSON之间的相互转换。本文将介绍几种常用的方法，并附带代码示例。一、XML转JSON在Python中，我们可以使用xml.etree.ElementTree模
Python解析XML中的特殊字符和转义序列
Aug 08, 2023 pm 12:46 PM
Python解析XML中的特殊字符和转义序列XML（eXtensibleMarkupLanguage）是一种常用的数据交换格式，用于在不同系统之间传输和存储数据。在处理XML文件时，经常会遇到包含特殊字符和转义序列的情况，这可能会导致解析错误或者误解数据。因此，在使用Python解析XML文件时，我们需要了解如何处理这些特殊字符和转义序列。一、特殊字符和
C#开发中如何处理XML和JSON数据格式
Oct 09, 2023 pm 06:15 PM
C#开发中如何处理XML和JSON数据格式，需要具体代码示例在现代软件开发中，XML和JSON是广泛应用的两种数据格式。XML（可扩展标记语言）是一种用于存储和传输数据的标记语言，而JSON（JavaScript对象表示）是一种轻量级的数据交换格式。在C#开发中，我们经常需要处理和操作XML和JSON数据，本文将重点介绍如何使用C#处理这两种数据格式，并附上
您如何在PHP中解析和处理HTML/XML？
Feb 07, 2025 am 11:57 AM
本教程演示了如何使用PHP有效地处理XML文档。 XML（可扩展的标记语言）是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储
如何使用 PHP 函数处理 XML 数据？
May 05, 2024 am 09:15 AM
使用PHPXML函数处理XML数据：解析XML数据：simplexml_load_file()和simplexml_load_string()加载XML文件或字符串。访问XML数据：利用SimpleXML对象的属性和方法获取元素名称、属性值和子元素。修改XML数据：使用addChild()和addAttribute()方法添加新元素和属性。序列化XML数据：asXML()方法将SimpleXML对象转换为XML字符串。实战案例：解析产品馈送XML，提取产品信息，转换并将其存储到数据库中。
