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 相关文章推荐
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
javascript继承之为什么要继承
Nov 10 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
Sep 06 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
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/09/06 PHP
php检测图片木马多进制编程实践
2013/04/11 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
PHP反射机制用法实例
2014/08/28 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
PHP中header用法小结
2016/05/23 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Python面向对象基础入门之编码细节与注意事项
2018/12/11 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
解决c++调用python中文乱码问题
2020/07/29 Python
python 实现超级玛丽游戏
2020/11/25 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
最新大学职业规划书范文
2013/12/30 职场文书
社区工作者思想汇报
2014/01/13 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
新生开学寄语大全
2015/05/28 职场文书
2016新年感言
2015/08/03 职场文书