首頁 > web前端 > js教程 > 主體

javascript在IE下trim函數無法使用的解決方法_javascript技巧

WBOY
發布: 2016-05-16 16:36:17
原創
1318 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板