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  采姑娘的小蘑菇呀  阅读(97)  评论(0)    收藏  举报