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

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>

 

posted @ 2022-12-31 14:55  小闫的姑娘  阅读(79)  评论(0编辑  收藏  举报