本文實例分析了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前端浏覽器的兼容性設計有不錯的借鑒價值。