Javascript基础——字符串对象

最新推荐文章于 2022-12-28 23:01:46 发布

开心就来soul

最新推荐文章于 2022-12-28 23:01:46 发布

阅读量1.4k

点赞数 6

文章标签： javascript 前端 css css3

本文链接：https://blog.csdn.net/m0_67316947/article/details/124111222

版权

一、什么是字符串对象

字符串对象，主要作用是对字符串进行处理的支持，字符串对象与字符串是完全不同的概念。

创建字符串对象：

与Number类似的，可以通过new String()创建一个String对象

var str = new String();

二、字符串方法

var str = new String("你好啊,中国");

console.log(str.length); //字符串长度

console.log(str[0]); //下表为0的字符

console.log(str[1]);//下标为1的字符

for(var i=0; i<=str.length-1; i++){//打印字符串中所有字符

console.log(str[i]);

}

str.replace()方法用来字符串替换

var v = oInput.value;
v = v.replace(/问候语/g,"**");
 oDiv.innerHTML = v;
//所有的问候语将被替换为**

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

下面是一个表单验证的小案例（运用字符串相关知识）

<!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>
 #btn{
        width: 230px;
        border: none;
        color:#fff;
        background-color: rgb(113, 31, 126);
    }
    #btn:hover{
        background-color: red;
    }
    form{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: grey;
    }
    </style>
   
</head>
<body>
    <form action="">
        <p>
            <label for="uname">用户名:</label>
            <input type="text" name="uname" id="uname" required = "required">
        </p>

        <p>
            <label for="pwd">密&ensp;&ensp;码:</label>
            <input type="password" name="pwd" id="pwd">
        </p>
        <p>
            <input type="submit" id = "btn">
        </p>
        
    </form>
</body>
<script>
    var oInput1 = document.getElementById("uname");
    // var oInput2 = document.querySelector("input");
    // querySelector() 方法仅仅返回匹配指定选择器的第一个元素
    var oInput2 = document.querySelector("#pwd");
    var oInput3 = document.querySelector("#btn");

    oInput3.onclick = function(){
        var uv = oInput1.value;//获取邮箱  输入框的值
        var pv = oInput2.value
        //邮箱必须含有@  密码长度至少6位
        if(uv.length ==0){
            alert("Email不允许为空");
            return false;//阻止提交行为
        }
        if(uv.indexOf("@") === -1){
            alert("email的格式不正确,必须包括@");
            return false;//阻止提交行为
        }
        if(uv.indexOf(".") === -1){
            alert("email的格式不正确,必须包括.");
            return false;//阻止提交行为
        }
       
        if(pv.length < 6){
            alert("密码的长度至少6位");
            return false;
        }
        
    }
</script>
</html>

开心就来soul

关注

6
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础——字符串对象

一、什么是字符串对象字符串对象，主要作用是对字符串进行处理的支持，字符串对象与字符串是完全不同的概念。创建字符串对象：与Number类似的，可以通过new String()创建一个String对象var str = new String();二、字符串方法var str = new String("你好啊,中国");console.log(str.length); //字符串长度console.log(str[0]); //下表为0的字符console.log(str[1
复制链接

扫一扫