JS基础编程

最新推荐文章于 2024-10-11 17:39:47 发布

m0_65410668

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量95

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/m0_65410668/article/details/125110810

版权

案例1：判断用户输入文字是否123开头

<!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>判断用户输入的文字是否为123开头</title>
</head>
<body>
    <input type="text" id="ip1"> 
    <button id="bt1">判断</button>
    <script>
        //1.点击button按钮时，判断对应用户输入的内容 ，是否为123开头的
        //找到当前的事件源：button
        //事件：点击事件 onclick
        //处理函数判断用户输入的内容 为123开头
        var bt1= document.getElementById("bt1")
        bt1.onclick=function(){
            //2.获取到input框
            var ip1=document.getElementById("ip1")
            //3.想要获取到input中输入的 内容
            var content=ip1.value//input框中输入的内容   字符串
            // console.log(content)
            //4.判断是否为123开头
            //如何获取当前字符串的前三个？ 截取指定的子串
            //substr(start, length)方法提取字符串的一部分，从指定的索引处开始，并返回指定数量的字符。
            var str=content.substr(0,3)//截取当前字符串的前三位
            //5.分支判定
            if(str=="123"){
                console.log("正确")
            }else{
                console.log("错误")
            }
        }
    </script>
</body>
</html>

知识点总结：

1.点击事件 onclick

2.利用value 获取到input中输入的内容

3.如何获取指定字符串？

substr(start, length)方法提取字符串的一部分，从指定的索引处开始，并返回指定数量的字符。

案例2：文字替换

<!DOCTYPE html>
<html>
<head>
	<title>文字替换</title>
</head>
<body>
<input type="" name="" id="kk">
<button id="ff">替换</button>
<script type="text/javascript">
	var ff=document.getElementById("ff")
	ff.onclick=function(){
		var kk=document.getElementById("kk")
		var oo=kk.value   //获取值
		oo=oo.replace("你好","**")
		//console.log(oo)
		kk.value=oo  //覆盖值
	}
</script>
</body>
</html>

知识点总结：

oo=oo.replace("你好","**") // 注：智能体换一个

id名称=id名称.replace("要替换的文字","替换后")

oo=oo.replace(/你好/g,"**") //注：能替换全部、多个