hooyantsing's Blog

P37_字符串基本函数使用

字数统计: 180阅读时长: 1 min
2020/10/28

字符串基本函数使用

海豚日记 学习JS看这个就够了,全面打通 JAVASCRIPT 知识点(更新到17章)

字符串基本函数

1
2
3
4
5
6
7
8
let name = "houDUNren";

// 获取长度
console.log(name.length);
// 转大写
console.log(name.toUpperCase());
// 转小写
console.log(name.toLowerCase());
length 案例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input type="text" name="password">
<span></span>
<script>
let ps = document.querySelector("[name='password']");
ps.addEventListener("keyup",function () {
this.value = this.value.trim();
let span = document.getElementsByTagName("span");
let error = "";
if (this.value.length < 5){
error = "密码不能小于5位";
}
span[0].innerHTML = error;
});
</script>

执行结果:

当输入字符串长度小于5时,会出现”密码不能小于5位”。

CATALOG
  1. 1. 字符串基本函数使用
    1. 1.0.1. 字符串基本函数
      1. 1.0.1.1. length 案例