首页 > 其他分享 >es5的trim()方法清除两侧空格

es5的trim()方法清除两侧空格

时间:2022-12-31 15:12:39浏览次数:43  
标签:trim es5 空格 字符串 var input div

1.trim()的作用,清除字符串左右两侧的空格,不会清除中间的空格

trim()方法返回的是一个新的字符串,不会影响原来的字符串
var str="   andy   "
            console.log(str)
            // trim()方法返回的是一个新的字符串,不会影响原来的字符串
            var str1=str.trim()
            console.log(str1)

2.用途:解决input表单的小bug

input表单不清除空格会影响表单里数据打印出来的长度

<body>
        <input type="text">
        <button onclick="btn()">按钮</button>
        <div></div>
        <script>
            var input=document.querySelector('input')
            var div=document.querySelector("div")
            function btn(){
                if(input.value.trim()!=""){
                    div.innerHTML=input.value
                }else{
                    div.innerHTML=""
                    alert("请输入内容")
                }
            }
        </script>
    </body>

 

标签:trim,es5,空格,字符串,var,input,div
From: https://www.cnblogs.com/hs20011205/p/17016663.html

相关文章