首页 > 编程语言> 文章详细

JavaScript学习4

2022-06-22 01:04:52 阅读：147 来源： 互联网

标签：判断 JavaScript else 学习 alert 条件 var btn

1、if语句的使用：如果...否则

if(判断条件){

　　//当判断条件满足时，执行该处代码

}else{

　　//当判断条件不满足时，执行该处代码

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id='box' style="width: 200px;height: 200px;background: red;"></div>
<button id="btn">验证</button>
<script>
    var box = document.getElementById('box');
    var btn = document.getElementById('btn');
    //if(判断条件){条件成立执行}
    btn.onclick = function () {
        //当宽度=200px时
        if (box.style.width == '200px') {
            alert("条件成立！！")
        }else{
            //不满足条件执行
            alert("条件不成立！！")
        }
    }

</script>
</body>
</html>

2、多条件判断if...else if...:r如果...或者如果...否则

if(判断条件){

　　//当判断条件满足时，执行该处代码

}else if(判断条件){

　　//当判断条件满足时，执行该处代码

}else if(判断条件){

　　//当判断条件满足时，执行该处代码

}else{

　　//当判断条件不满足时，执行该处代码

}

实现一个评分系统

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input id='score' type="text">
<button id="btn">评级</button>
<script>
    var score = document.getElementById('score');
    var btn = document.getElementById('btn');
    btn.onclick = function () {
        var scoreTxt = score.value;
        if(scoreTxt >= 80){
            alert('优秀！');
        }else if(scoreTxt >= 70){
            alert('良好！');
        }else if(scoreTxt >= 60){
            alert('一般！');
        }else{
            alert('不及格~！！')
        }
    }
</script>
</body>
</html>

注意事项：

1）判断条件可以有多个。

2）可以只有if没有else。

标签：判断,JavaScript,else,学习,alert,条件,var,btn
来源： https://www.cnblogs.com/liunaixu/p/16398937.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript学习4