JavaScript流程控制及案例

最新推荐文章于 2022-04-20 12:39:06 发布

WangZhang_521

最新推荐文章于 2022-04-20 12:39:06 发布

阅读量526

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/WangZhang_521/article/details/122844723

版权

本文深入探讨了JavaScript中的流程控制，包括if分支语句、else双分支、if...else if...多分支、三元表达式和switch语句。通过实际案例如判断闰年、中奖、成绩级别和查询水果等，详细解析了这些语句的用法和注意事项，并比较了switch与if...else if...的差异。适合前端开发者学习和巩固。

摘要由CSDN通过智能技术生成

01-if分支语句

<!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>if分支语句</title>
    <script>
        //1.if的语法结构 if如果
        // if (条件表达式) {
     
        //执行语句
        // }

        //2.执行思路
        // 如果if里面的条件表达式结果为真，则执行大括号里的执行语句    
        // 如果if里面的条件表达式结果为假，则不执行大括号里的语句，而执行if语句后面的代码
        // 3.代码体验
        if (3 < 5) {
     
            alert('沙漠骆驼');
        }
    </script>
</head>

<body>

</body>

</html>

02-进入网吧案例

<!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>进入网吧案例</title>
    <script>
        // 弹出一个输入框，要求用户输入年龄，如果年龄大于18岁，则允许进入网吧
        var age = prompt('请输入您的年龄');
        if (age >= 18) {
     
            alert('您可以进入网吧');
        }
    </script>
</head>

<body>

</body>

</html>

03-if else双分支语句

<!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>if else双分支语句</title>
    <script>
        // 1.语法结构 if 如果 else 否则
        // if (条件表达式) {
     
        //     // 执行语句1
        // } else {
     
        //     // 执行语句2
        // }
        // 2.执行思路 如果表达式结果为真，则执行语句一 如果结果为假  则执行语句2
        // 3.代码验证
        var age = prompt('请输入您的年龄');
        if (age >= 18) {
     
            alert('您可以进入网吧');
        } else {
     
            alert('您暂时不能进入网吧');
        }
        // 4.if里面的语句1和else里面的语句2 最终只能有一个语句执行
        // 5.else后面直接跟大括号
    </script>

</head>

<body>

</body>

</html>

04-判断闰年案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content=

最低0.47元/天解锁文章

WangZhang_521

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript流程控制及案例

01-if分支语句<!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"> <t
复制链接

扫一扫

专栏目录