信鸽网

javascript在IE下trim函数无法使用的解决方法

  作者：bea

本文实例分析了javascript在IE下trim函数无法使用的解决方法，对于web前段设计有一定的借鉴价值。具体分析如下： 首先，javascript的trim函数在firefox下面使用没有问题： <script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script> 在火狐下这样用没有问

本文实例分析了javascript在IE下trim函数无法使用的解决方法，对于web前段设计有一定的借鉴价值。具体分析如下：


首先，javascript的trim函数在firefox下面使用没有问题：




<script language="javascript"> 

 var test1 = "  aa  "; 

 test1 = test1.toString(); 

 test1 = test1.trim(); 

</script>


在火狐下这样用没有问题， 但是在IE下就报错！


对此，我们可以修改一下：




String.prototype.trim=function(){return this.replace(/(^s*)|(s*$)/g,"");}


在头上加上这一句，上面的就可以在IE和FF下都可以运行了：




<script language="javascript"> 

 String.prototype.trim=function(){return this.replace(/(^s*)|(s*$)/g,"");} 

 var test1 = "  aa  "; 

 test1 = test1.toString(); 

 test1 = test1.trim(); 

</script>


JQuery提供的方法：




<!DOCTYPE html>  

<html>  

<head>  

 <script src="http://code.jquery.com/jquery-latest.js"></script>  

</head>  

<body>  

 <button>Show Trim Example</button>  

<script>  

$("button").click(function () {  

var str = "   lots of spaces before and after   ";  

alert(" + str + ");  

str = jQuery.trim(str);  

alert(" + str +  - no longer");  

});  

</script>  

</body>  

</html>


相信本文所述对大家利用javascript进行WEB前端浏览器的兼容性设计有不错的借鉴价值。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: