DOM-去除字符串前后空白

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>去除空白trim</title>
        <!--
        prototype
        低版本的ie不支持字符串的trim()函数
        可以对Srting类扩展一个trim（）函数
        -->
    </head>
    <body>
        <script type="text/javascript">
            String.prototype.trim=function(){
                //去除当前字符串的前后空白;在当前的方法中this代表当前的字符串
                return this.replace(/^\s+/,"").replace(/\s+$/,"")
            }
            
            window.onload= function(){
                document.getElementById("btn").onclick=function(){
                    //获取用户名
                    var username = document.getElementById("username").value;
                    //去除前后空白
                    username = username.trim();
                    //测试
                    alert("["+username+"]");
                }
            }
        </script>
        
        <input type="text" id="username"/>
        <input type="button" value="用户名" id="btn"/>
    </body>
</html>

 

posted @ 2022-06-13 13:56  280887072  阅读(55)  评论(0)  编辑  收藏  举报