JavaScript基础语法（流程控制语句）

GeekLiHua

发布于 2025-01-21 15:15:15

1510

文章被收录于专栏：JavaJava

JavaScript基础语法（流程控制语句）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->

事件绑定(onmouseout,onmouseover)

->事件绑定(onsubmit)表单提交

->提交表单与验证表单案例

简介：JavaScript 中提供了和 Java 一样的流程控制语句，如下

if 语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var cnt = 3;
    if (cnt == 3) {
        document.write(count);
    }
</script>
</body>
</html>

switch 语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>    
var num = 3;
switch (num) {
    case 1:
        alert("星期一");
        break;
    case 2:
        alert("星期二");
        break;
    case 3:
        alert("星期三");
        break;
    case 4:
        alert("星期四");
        break;
    case 5:
        alert("星期五");
        break;
    case 6:
        alert("星期六");
        break;
    case 7:
        alert("星期日");
        break;
    default:
        alert("输入的星期有误");
        break;
}
</script>
</body>
</html>

for 循环语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var str = "abc"
    for(var i = 0; i < str.length; ++ i){
        console.log(str.charAt(i))
    }
</script>
</body>
</html>

while 循环语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var sum = 0;
    var i = 1;
    while (i <= 100) 
    {
        sum += i;
        i++;
    }    
</script>
</body>
</html>

dowhile 循环语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var sum = 0;
    var i = 1;
    do {
        sum += i;
        i++;
    }
    while (i <= 100);  
</script>
</body>
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-12-01，如有侵权请联系 cloudcommunity@tencent.com 删除

事件