JavaScript DOM编程之去除前后空白字符串

浏览器支持trim函数

使用trim函数可以消除前后空白字符串

<body>
		<script type="text/javascript">
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					var username = document.getElementById("mytext").value;
					
					alert("-->"+username.trim()+"<---");
				}
			}	
		</script>
		<input type="text" id="mytext"/>
		<input type="button" value="获取用户名" id="btn" />
	</body>

浏览器不支持trim函数

当浏览器不支持trim函数,我们可以重写trim函数。

<body>
		<script type="text/javascript">
		
		String.prototype.trim  = function(){
			
			return this.replace(/^\s+/,"").replace(/\s+$/,"")
		}
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
					var username = document.getElementById("mytext").value;
					
					alert("-->"+username.trim()+"<---");
				}
			}
		</script>
		<input type="text" id="mytext"/>
		<input type="button" value="获取用户名" id="btn" />
	</body>
发布了82 篇原创文章 · 获赞 6 · 访问量 4474

猜你喜欢

转载自blog.csdn.net/OVO_LQ_Start/article/details/104579942
今日推荐