当前位置: 移动技术网 > IT编程>网页制作>XML > 一个用xslt样式将xml解析为xhtml的类TransformBinder(兼容FF和IE7.0)

一个用xslt样式将xml解析为xhtml的类TransformBinder(兼容FF和IE7.0)

2017年12月01日  | 移动技术网IT编程  | 我要评论
由于前面的方法xslt需要在xml文件内部直接导入,而项目中用到的xml文件是系统生成的,只能提供路径,而没有办法改写xml里面的内容,所以需要找一个方法能够在外部将xml
由于前面的方法xslt需要在xml文件内部直接导入,而项目中用到的xml文件是系统生成的,只能提供路径,而没有办法改写xml里面的内容,所以需要找一个方法能够在外部将xml和xslt关联在一起,这样既达到了目的,也可以应用于多个xml文件,方便管理。
先上代码,系统中使用module这个js进行打包,module这个工具是专门用来将js进行打包,这个工具以后的文章再做介绍,我自己现在只会使用,还没研究其底层的代码;这边我们将js写在一个文件里面,包括类以及类实现的方法,
下面是js代码:transform.js

下面是html代码:xslttransform.htm

分析一下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这个方法,所以我们自己构造了一个方法,

然后用这个方法实现转换,在处理错误上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进行绑定,这样就实现这个效果了。如果需要扩展,再创建新的构造函数,注册并绑定到这个类上就可以实现效果。

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网