js自定义trim函数实现删除两端空格功能


Posted in Javascript onFebruary 09, 2018

本文实例讲述了js自定义trim函数实现删除两端空格功能。分享给大家供大家参考,具体如下:

兼容IE低版本浏览器,以及其他一些低版本脚本的浏览器

js中本身是没有trim函数的

//删除左右两端的空格
function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}
//删除左边的空格
function ltrim(str){
 return str.replace(/(^\s*)/g,"");
}
//删除右边的空格
function rtrim(str){
 return str.replace(/(\s*$)/g,"");
}

或者扩展String类型属性

String.prototype.trim = function()
{
 return this.replace(/(^\s*)|(\s*$)/g, "");
}
var str = document.getElementById("test").value;
alert( str.trim() );

或者干脆放弃使用js,使用jQuer之$.trim(str)

var str = $("#test").val();
alert( $.trim(str) );
Javascript 相关文章推荐
javascript 强制刷新页面的实现代码
Dec 13 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
JavaScript运行原理分析
Feb 09 #Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 #Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 #Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 #Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 #Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 #Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 #Javascript
You might like
php学习笔记 面向对象中[接口]与[多态性]的应用
2011/06/16 PHP
探究Laravel使用env函数读取环境变量为null的问题
2016/12/06 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
动态的9*9乘法表效果的实现代码
2016/05/16 Javascript
vue实现todolist单页面应用
2017/04/11 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
[01:31]完美与DOTA2历程
2014/07/31 DOTA
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
python测试驱动开发实例
2014/10/08 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
python与pycharm有何区别
2020/07/01 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
Django数据统计功能count()的使用
2020/11/30 Python
使用CSS3配合IE滤镜实现渐变和投影的效果
2015/09/06 HTML / CSS
html5.2 dialog简介详解
2018/02/27 HTML / CSS
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
印度购买眼镜和太阳镜网站:Coolwinks
2018/09/26 全球购物
应届生法律顾问求职信
2013/11/19 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
财务会计求职信范文
2015/03/20 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
Linux系统下安装PHP7.3版本
2021/06/26 PHP
POST提交数据常见的四种方式
2022/01/18 HTML / CSS