关于在js中使用trim函数的一些小技巧
生活随笔
收集整理的這篇文章主要介紹了
关于在js中使用trim函数的一些小技巧
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JavaScript并沒有提供原生的trim()函數。所以在js代碼中用到的trim()函數均是jQuery提供的，其重要作用為：用于去掉 字符串首為的空白字符。
詳解jQuery的trim()函數：
?寫法：jQuery.trim()或者$.trim()。
?作用：該函數可以去除字符串開始和末尾兩端的空白字符（直到遇到第一個非空白字符串為止）。它會清除包括換行符、空格、制表符等空白字符 。
?說明：該函數屬于全局的jQuery對象?
?語法：jQuery 1.0新增該靜態函數；jQuery.trim(str)?
?參數：str； ? 描述：String類型需要去除兩端空白字符的字符串。
?如果參數str不是字符串類型，該函數將自動將其轉換為字符串（一般調用其toString()方法），如果參數str為null或者undefined，則返回空字符串("") 。
?返回值：jQuery.trim()函數的返回值為String類型，返回去除兩端空白字符串后的字符串。
?示例與說明： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //在當前頁面內追加換行標簽和指定的HTML內容 function w( html ){ document.body.innerHTML += "<br/>" + html; } // 輸出兩側添加雙引號，以便于區分字符串邊界 w( '"' + $.trim( " CodePlayer " ) + '"'); // "CodePlayer" // 只會去除兩端的連續空白字符 w( '"' + $.trim( " Code Player " ) + '"'); // "Code Player" w( '"' + $.trim( "\r\n\t CodePlayer \t" ) + '"');// "CodePlayer" w( '"' + $.trim( "" ) + '"'); // "" w( '"' + $.trim( 12 ) + '"'); // "12" w( '"' + $.trim( null ) + '"'); // "" w( '"' + $.trim( undefined ) + '"');// "" w( '"' + $.trim( new Object() ) + '"'); // "[object Object]"用法： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? <html> <head> <title>$.trim()</title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> var sString = " 1234567890 "; sString = $.trim(sString); alert(sString.length); </script> </head> <body> </body> </html>常見問題：如果是在一些低版本的IE瀏覽器（IE8等）下開發網站，如果你寫了類似document.getElementById().trim()的代碼，運行會報：“不支持該方法或該屬性的錯誤”；當然這是個假命題，因為，原生的JavaScript不支持.trim()的方法。
解決方法如下：
1、使用jQuery提供的$.trim([要操作的字符串對象]);
2、自己封裝一個方法，進行空白字符串的截取，如： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}
詳解jQuery的trim()函數：
?寫法：jQuery.trim()或者$.trim()。
?作用：該函數可以去除字符串開始和末尾兩端的空白字符（直到遇到第一個非空白字符串為止）。它會清除包括換行符、空格、制表符等空白字符 。
?說明：該函數屬于全局的jQuery對象?
?語法：jQuery 1.0新增該靜態函數；jQuery.trim(str)?
?參數：str； ? 描述：String類型需要去除兩端空白字符的字符串。
?如果參數str不是字符串類型，該函數將自動將其轉換為字符串（一般調用其toString()方法），如果參數str為null或者undefined，則返回空字符串("") 。
?返回值：jQuery.trim()函數的返回值為String類型，返回去除兩端空白字符串后的字符串。
?示例與說明： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //在當前頁面內追加換行標簽和指定的HTML內容 function w( html ){ document.body.innerHTML += "<br/>" + html; } // 輸出兩側添加雙引號，以便于區分字符串邊界 w( '"' + $.trim( " CodePlayer " ) + '"'); // "CodePlayer" // 只會去除兩端的連續空白字符 w( '"' + $.trim( " Code Player " ) + '"'); // "Code Player" w( '"' + $.trim( "\r\n\t CodePlayer \t" ) + '"');// "CodePlayer" w( '"' + $.trim( "" ) + '"'); // "" w( '"' + $.trim( 12 ) + '"'); // "12" w( '"' + $.trim( null ) + '"'); // "" w( '"' + $.trim( undefined ) + '"');// "" w( '"' + $.trim( new Object() ) + '"'); // "[object Object]"用法： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? <html> <head> <title>$.trim()</title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> var sString = " 1234567890 "; sString = $.trim(sString); alert(sString.length); </script> </head> <body> </body> </html>常見問題：如果是在一些低版本的IE瀏覽器（IE8等）下開發網站，如果你寫了類似document.getElementById().trim()的代碼，運行會報：“不支持該方法或該屬性的錯誤”；當然這是個假命題，因為，原生的JavaScript不支持.trim()的方法。
解決方法如下：
1、使用jQuery提供的$.trim([要操作的字符串對象]);
2、自己封裝一個方法，進行空白字符串的截取，如： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}
總結
以上是生活随笔為你收集整理的关于在js中使用trim函数的一些小技巧的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Shodan搜索引擎使用技巧
- 下一篇： java visibility_CSS