trim()
语法:str.trim()
该方法会从一个字符串的两端删除空白字符,但字符串中间的空格不会被祛除。
trim()方法并不影响字符串本身,它返回的是一个新的字符串。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// trim方法去除字符串两侧空格 字符中间的空格不能去掉
var str = ' lu cy ';
var str1 = str.trim();
console.log(str);
console.log(str1);
</script>
</body>
</html>
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.content {
height: 200px;
width: 300px;
border: 1px solid #ccc;
margin-top: 10px;
}
input {
outline-style: none;
}
</style>
</head>
<body>
<input type="text"> <button>提交</button></body></html>
<div class="content"></div>
<script>
var input = document.querySelector('input');
var button = document.querySelector('button');
var content = document.querySelector('.content')
button.addEventListener('click',function(){
var input_content = input.value.trim();
if(input_content === '' ){
input.value = '';
return alert('提交的内容不能为空');
}
content.innerHTML = input_content;
input.value = '';
})
</script>
</body>
</html>