关于在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,"");}

关于在js中使用trim函数的一些小技巧相关推荐

js中的trim函数怎么使用
JQuery中有个全局函数trim()可以实现去掉字符串两端的空白 var x = " abc "; x = $.trim(x); alert(x);//此时x就是"ab ...
js中字符替换函数String.replace()使用技巧
String.replace( ) 简介语法: var strings = string.replace(regexp, replacement) regexp :您要执行替换操作的正则表达式,如果 ...
java中的string函数_java中string.trim()函数的作用实例及源码
trim()的作用:去掉字符串首尾的空格. public static void main(String arg[]){ String a=" hello world "; Str ...
js中的offset函数和position
js中的offset函数,其本身是个对象,它含有两个属性,top和left,其属性值是数字,无单位,是针对文档内容的,即浏览器而position函数,也有上述两个属性,但它是针对父元素的偏移量转载 ...
php new对象调用函数,关于JS中new调用函数的原理介绍
这篇文章主要介绍了关于JS中new调用函数的原理介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数) ...
js中同名的函数的调用情况
转自:https://www.cnblogs.com/wshiqtb/p/3480597.html html中如果出现函数同名时: 如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是 ...
java中trim_java中string.trim()函数的作用实例及源码
trim()的作用:去掉字符串首尾的空格. public static void main(String arg[]){ String a=" hello world "; Str ...
JS中自动执行函数小结
JS中自动执行函数小结请看以下两个函数: 1.function a(){ 2. alert("a") 3.} 1.var b= function(){ 2. aler ...
underscore.js中的节流函数debounce及trottle
函数节流 throttle and debounce的相关总结及想法一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeou ...

关于在js中使用trim函数的一些小技巧

关于在js中使用trim函数的一些小技巧相关推荐

最新文章

热门文章