引入javascript框架解决web程序开发中浏览器兼容性问题

《引入javascript框架解决web程序开发中浏览器兼容性问题》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、万方数据◇职业教育◇科技甚向导2010年第04期(下)引入JAVASCRIPT框架解决WEB程序开发中浏览器兼容性问题吕毅(四川外语学院教育技术中心中国重庆400031)【摘要】本文首先分析了当前多种浏览器因Ⅵ，EB标准性问题而给开发人员带来的问题。其次介绍JAVASCR／PT框架的特点。通过对不同框架的对比。／K定JQUEKY框架。将浏览器中常见的兼容问题分类，对比传统的解决办法，证明框架带来的好处。【关键词】浏览器；兼容性；JAVASCKIPT；,lgO．引言随着Internet和WWW的流行．以往的主机，

2、终端和C俗都无法满足当前的全球网络开放、互连、信息随处可见和信息共享的新要求．于是就出现了B／S型模式，即浏览器／服务器结构。近年来．．net和JAVA等一些WEB应用程序编程工具的发展。使B，s模式在保留自身诸如开发、维护及布署简单等优点之外．还在事务处理能力等方面做出了极大的提升，而这些特性以往只能在C／S模式中才能见到。因此越来越多的公司和个人在进行业务系统开发的时候更愿意选择B／S模式。各种各具特色的浏览器应运而生。这些浏览器给广大WEB应用程序的使用者提供了更多的选择。但是，于开发者而言，由于目前各个

3、浏览器对WEB标准的支持程度不同．在开发过程中．要使程序能显示出相同的或者预期的效果是一件并不容易的事情。例如．为改善用户体验，在web2．0中提出异步通信的概念．在具体实现的时候是使用xmlHttp对象。然而，在不同的浏览器中该对象建立的方式也不一样。如果要兼容目前主流的浏览器的话。基本代码如下：'carxmlHttp；try{，，Firefox，Opera8．o+，SafarixmlHttp=newXMLHttpRequest0；lcatch(e)～

4、

5、IntemetExplorer竹{xmlHttp=ne

6、wActiveXObject(”Msxml2．XMLHTTP”)；}catch(e)ItryIxmlHttp--newActiveXObject(“Microsoft．XMLItTI'P”)；}catch(e){ale嘣”该浏览器不支持AJAXI”)；l}1由此可以看出．在实现某些功能的时候．开发人员为了兼顾多个浏览器，必须要投入成倍的工作量。1．什么是JavaScript框架JavaSc．ript框架实际上是一系列工具和函数，它能更容易产生跨浏览器兼容的JavaScript代码。每个框架在许多流行的Web浏览

7、器上经过了严格测试。除了浏览器兼容性问题外，JavaScript框架可以更容易地编写代码去获取、遍历及操纵DOM元素。JavaScript框架的另一个重要特色就是能更好的支持事件处理。几种框架的对比：1．1Dojo是一个用JavaScript编写的开源的DHTML工具箱。Dojo很想做一个“大一统”的工具箱的。Doio包括Ajax、Browser、Event、Widget等跨浏览器API。包括了JS本身的语言扩展，以及各个方面的工具类库．和比较完善的UI组件库。Dojo现在比较新的版本是1．4。Dojo强大的地

8、方在于界面和特效的封装．可以让开发者快速构建一些兼容标准的界面。优点：库相当完善，发展时间也比较长，功能强大，得到IBM和SUN的支持。缺点：文件体积比较大，200多KB，初次下载相当慢，此外．Doio的类库使用显得不是那么易用，JS语法增强方面不如Prototype。1．2Prototype定义了JS的面向对象扩展，DOM操作API，事件等等，以Prototype为核心．形成了一个外围的各种各样的JS扩展库．是现实中应用最广的库类。目前最新的版本为1．6。优点：基本底层，易学易用，甚至是其他一些is特效开发包

9、的底层．体积较小。缺点：如果说缺点，所提供的功能相对来说比较少。1．3JQUERY其宗旨是——WRrrELESS，DOMORE，写更少的代码，做更多的事情。它是轻量级的js库(压缩后只有21k)，这是其它的is库所不及的．它兼容CSS3．还兼容各种浏览器(IE6．O+。FF1．5+．Safari2．o十，Opera9．0+)。JQUERY是一个快速的，简洁的JAVASCRIPI'库，使用户能更方便地处理HTMLdocuments,events、实现动画效果，并且方便地为网站提供AJAX交互。目前最新的版本为1．

10、4．2。作者简介：吕毅(1981一)，男，四川人，助理工程师，主要研究方向为校园网资源建设。67万方数据2010年第04期(下)科技目向导◇职业教育◇优点：体积小。提供了强大的选择器．封装了大量常用DOM操作，完善的AJAX功能，超强的浏览器兼容性问题，支持链式操作，有丰富的插件及文档。缺点：缺乏对面向对象的支持。各种框架有着各自的优缺点。JQUERY简洁．高效，兼容性强．所以我们决定