trim()

fury_123

于 2023-03-22 13:23:57 发布

阅读量462

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/kuang_nu/article/details/129683982

版权

文章介绍了JavaScript中的trim()方法，用于移除字符串首尾的空格，返回新的字符串而不改变原字符串。在处理input表单时，trim()能解决因空格导致的问题，确保只有非空白内容被处理或显示。示例代码展示了一个使用trim()检查输入并显示在div中的功能。

摘要由CSDN通过智能技术生成

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 οnclick="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>