javascript框架之XHTML、XML兼容性解决方案

javascript框架在显示层有其无法替代优势,但是在一些xhtml格式的web项目直接引用现成的javascript框架,例如dojo ext等等,会出现许多兼容性问题,致使无法正常使用框架,这非常可惜,下面介绍一下我处理方法,可以解决这个兼容性问题。
我的项目使用环境:jsf兼容环境(seam2.0 tomcat6 jboss4.2.2),由于项目其他技术的需要已配置成支持xhtml。
问题:在项目中不使用jsf引擎直接访问页面源码,例如直接访问dojo的测试页面(中文问题已经按照http://xxqn.iteye.com/admin/blogs/182442方法处理过了,否则页面有中文问题),可以正常运行(http://localhost:8080/app/js/dojo/dojo/demo/sample3.html),与直接访问页面文件(file:///F:/YcApp/app/web/js/dojo/dojo/demo/sample3.html)效果一样。
但是将其改造引进到jsf页面中,再访问(http://localhost:8080/app/js/dojo/dojo/demo/sample3.seam),这个页面经过了jsf引擎解释过的了,发现就出现一些兼容性问题,显然这是因为jsf引擎引起的问题,放弃jsf就可以避免,但是这是不可能的,jsf(jsp)引擎对于许多项目来讲是其重要性比javascript框架还重要,如果在二者之间取舍的话,肯定会放弃javascript框架,除非有简便办法将它们二合为一。
为了二合为一的目的,我们再来研究差异现象。由于对于html我也是刚刚接触不太久,各种相关的技术了解不多,但是由于相信一定有合理的解决之道,所以几个月以来一直没有放弃学习思考。经过对比,终于发现差异是由于HTML XHTML的差异造成的
[img]http://xxqn.iteye.com/topics/download/6b0036a5-cca8-340d-907e-f7a2d0c17a85[/img][img]http://xxqn.iteye.com/topics/download/e35b71d8-d89d-32ab-94d8-46cde7075fa7[/img]
注意两者的类型分别为:text/html application/xhtml+xml 处理模式分别为:标准模式 混杂模式。
处理思路有两个方向:一、修改javascript框架使之适应xhtml的标准处理方式;二、将xhtml“降级”为html。
第一种方法需要修改javascript框架源码,风险和工作量的比较大。第二种方法,可以简便的施行,那么会有什么风险呢,应该讲基本没有,摘一些讲法"其实XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。",可以这样理解,按照xhtml标准写的html页面源代码应该可以运行正常的,反之却不行,也就是所谓的向下兼容。
前面讲到了jsf引擎输出到浏览器的页面按照xhtml格式检验的所有不符合xhtml格式都将提示出错,在输出到浏览器之前将 application/xhtml+xml 标记写入页面通知浏览器这个页面可以按照xhtml标准来解读,为了指示浏览器按照html格式解读页面,需要最后输出到浏览器的时候替换application/xhtml+xml ,改为text/html ,为了达到这样的目的,我们需要使用jsf拦截器。拦截器关键源代码
package filters;


import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;


public class xhtmlTohtml implements Filter {


public void init(FilterConfig arg0) throws ServletException {

}

public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {

response.setContentType("text/html");

chain.doFilter(request, response);


}

public void destroy() {

}


}

在web.xml添加拦截器:

<filter>
<filter-name>xhtmlTohtml</filter-name>
<filter-class>filters.xhtmlTohtml</filter-class>
</filter>

<filter-mapping>
<filter-name>xhtmlTohtml</filter-name>
<url-pattern>/myHtmlPage/*</url-pattern>
</filter-mapping>

结论:
这样你就可以在页面中引用javascript框架了,当然html最终还是要被xhtml替代的,在xhtml占到主流的时候,负责任的javascript框架会支持xhtml的,否则的话会被淘汰的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值