AJax技术

解决JS脚本兼容的几个小技巧

字号+ 作者:H5之家 来源:H5之家 2016-01-15 12:30 我要评论( )

解决JS脚本兼容的几个小技巧,解决JS脚本兼容的几个小技巧.

网页制作Webjx文章简介:解决JS脚本兼容的几个小技巧.

1.使用HTML注释掉脚本

关于兼容性我们第一个要考虑的问题应该是运行的平台是否支持客户端脚本?通常的做法是将脚本主体包括在一条HTML注释中:

<script language="javascript">
<!--
document.write(new Date());
//-->
</script>


这样不支持脚本的浏览器会忽略<script>和</script>标签并把其他代码当作一条HTML注释处理,而支持脚本的浏览器则把"<!--"这句当作一条HTML注释语句,其他语句正常执行,HTML注释结尾"-->"用"//"进行单行注释。

2.特性、平台检测

当我们要使用的特性和平台有关时,就得先进行检测再使用,检测的方式有两种:一种是直接检测平台是否支持该特性,另一种是检测平台类型再使用相应的特性。代码如下:

<script language="javascript">
<!--
//a.检测是否支持特性
if(s.split){
    a = s.split(","); //支持,直接使用
}else{
    a = s.mysplit(","); //不支持,使用替代方法
}
//b.平台检测
if(navigator.appName.indexOf("Microsoft") != -1){
    //使用IE支持的特性
}
//-->
</script>


3.替代?忽略?停止?

对于存在兼容性的地方,解决方法是针对不同的平台使用不同的特性或是用替代方法实现,这是上策;但总有一些时候我们用上述方法无法解决时,我们可以看下这个问题是否严重,如果不严重,那我们就可以忽略它,比如一个特性在Netscape2上无效,但现在基本上没人使用Netscape2了,那我们就忽略它;如果无法解决但问题又比较严重,那我们就应停止脚本的运行,并明确告诉用户发生的问题!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • x未开启的解决办法

    x未开启的解决办法

    2016-02-14 13:15

  • 防止重复发送 Ajax 请求的解决方案

    防止重复发送 Ajax 请求的解决方案

    2016-01-18 08:20

  • IE9版本以下ajax 跨域问题解决方法

    IE9版本以下ajax 跨域问题解决方法

    2015-11-23 14:25

  • Jquery Ajax请求文件下载操作失败的原因分析及解决办法

    Jquery Ajax请求文件下载操作失败的原因分析及解决办法

    2015-11-21 14:37

网友点评