[原生 js 训练计划] 去除字符串左右两边的空格

2019-07-12 14:40:15 阅读：309 来源： 互联网

欢迎大家加入我的github项目,一起学习，一起发展 ---> 全栈工程师进阶学习站
---> 我的前端学习笔记
--->行业内最新最群的报告，工作日每日更新

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>去除字符串左右两边的空格</title>
</head>
<body>

<h2>去除字符串两边的空格
</h2>
<input type="text" value="      我前面后面都有空格      " id="str" style="width: 200px;">

<input type="button" value="清除空格" id="clearStr">
<hr>
<div>

    tip:
    不同空格的区别 <br>
    1.不间断空格\u00A0,主要用在office中,让一个单词在结尾处不会换行显示,快捷键ctrl+shift+space ; <br>
    2.半角空格(英文符号)\u0020,代码中常用的; <br>
    3.全角空格(中文符号)\u3000,中文文章中使用;


</div>
</body>

<script>

   window.onload=function () {
   let _str=document.getElementById("str"),
       _button=document.getElementById("clearStr");


   _button.onclick=function () {

        _str.value=_str.value.replace(/^(\s|\u00A0|\u0020|\u3000)+|(\s|\u00A0|\u0020|\u3000)+$/g,"");


   }



   }

</script>
</html>

标签：原生,去除,js,空格,u3000,str,u00A0,u0020
来源： https://blog.csdn.net/weixin_39200308/article/details/95616607

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

[原生 js 训练计划] 去除字符串左右两边的空格