1、流程控制语句

1.1 代码

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>标题</title>
  7.     <style type="text/css"> </style>
  9.     <script type="text/javascript">
  11.     /*
  13.            流程控制语句：
  14.                      JS中的程序是从上到下一行一行执行的
  16.                     语法1:
  17.                        if(条件表达式){
  18.                            语句
  19.                        }
  20.                        成功执行括号的内容，一条语句可以省略括号
  22.                     语法2：
  23.                        if(条件表达式){
  24.                            语句
  25.                        }else{
  26.                            语句
  27.                        }
  29.                     语法3：
  30.                          if(条件表达式){
  31.                              语句
  32.                          }else if(条件表达式){
  33.                              语句
  34.                          }else if(条件表达式){
  35.                              语句
  36.                          }else{
  37.                              语句
  38.                          }
  40.     */
  42.             var a = 1, b = 2;
  43.             if(a < b){
  44.                       console.log("成立");
  45.             }
  47.             if(a > b){
  48.                 console.log("1111");
  49.             }else{
  50.                 console.log("22222");
  51.             }
  53.     </script>
  54. </head>
  56. <body>
  58. </body>
  60. </html>

1.2 测试结果

2、弹窗提示输入内容

2.1 代码

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>弹窗</title>
  7.     <style type="text/css"> </style>
  9.     <script type="text/javascript">
  11.     /*
  13.               prompt 可以弹出一个提示框，该提示框中会带有一个文本框
  14.                       用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
  15.                       该字符串作为弹窗的提示内容。
  17.                       用户输入的内容将会作为函数的返回值 返回，可以定义一个变量接收该内容
  19.     */
  21.                           var age = prompt("请输入你的年龄：")
  22.                           console.log(age);
  23.     </script>
  24. </head>
  26. <body>
  28. </body>
  30. </html>

2.2 测试结果

3、条件分支语句

3.1 代码

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>条件分支语句</title>
  7.     <style type="text/css"> </style>
  9.     <script type="text/javascript">
  10.     /*
  12.                  条件分支语句也叫switch语句
  13.                          语法
  14.                             switch(条件表达式){
  15.                                 case : 表达式:
  16.                                         语句...
  17.                                         break;
  18.                                 case : 表达式:
  19.                                         语句...
  20.                                     break;
  21.                                 case : 表达式:
  22.                                         语句...
  23.                                     break;
  24.                                 default:
  25.                                     语句...
  26.                                     break;
  27.                             }
  29.     */
  31.                           var num = prompt("请输入整数数字")
  32.                           //从弹窗输入的是字符串，需要强制类型转换为num，switch中的判断是 === 比较类型和内容
  33.                           num = Number(num)
  34.                           switch(num){
  35.                               case 1:
  36.                                   console.log("1");
  37.                                   break;
  39.                               case 2:
  40.                                   console.log("2");
  41.                                   break;
  43.                               default:
  44.                                   console.log("默认值");
  45.                                   break;
  46.                           }
  48.     </script>
  49. </head>
  51. <body>
  53. </body>
  55. </html>

3.2 测试结果


4、while和 do…while循环

4.1 代码

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>while循环语句</title>
  7.     <style type="text/css"> </style>
  9.     <script type="text/javascript">
  11.     /*
  13.                         循环语句：
  14.                             通过循环语句可以反复的执行一段代码多次
  16.                             语法：
  17.                                 while(表达式){
  18.                                     语句...
  19.                                 }
  21.                            执行流程： 表达式成立，执行语句
  23.                             do...while() 循环
  25.                                语法：
  26.                                    do{
  27.                                        语句
  28.                                    }while(表达式)
  30.                             执行流程： 先执行一遍循环体，然后条件判断
  32.     */
  33.                             var n = 1 ;
  34.                             //条件表达式写死为true的循环，死循环。可以使用break终止循环
  35.                     /*
  36.                            while(true){
  37.                                alert(n++);
  38.                                break;
  39.                            }
  41.                     */
  43.                     while(n < 6){
  44.                         document.write(n++ +"<br>")
  46.                     }
  47.     </script>
  48. </head>
  50. <body>
  52. </body>
  54. </html>

4.2 测试结果

5、for循环

5.1 代码

  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>for循环</title>
  7.     <style type="text/css"> </style>
  9.     <script type="text/javascript">
  10.     /*
  12.                           for语句，也是一个循环语句，也称为for循环
  14.                              语法 ：
  15.                                   for(初始化表达式;条件表达式; 更新表达式){
  16.                                       语句...
  17.                                   }
  19.     */
  21.                             for(var i =0 ; i < 10; i++){
  22.                                 document.write(i+"<br>")
  24.                             }
  26.     </script>
  27. </head>
  29. <body>
  31. </body>
  33. </html>

5.2 测试结果

JavaScript基础&实战（3）js中的流程控制语句、条件分支语句、for循环、while循环的更多相关文章

  1. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

  2. javascript基础入门之js中的数据类型与数据转换01

    javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量      ...

  3. JS中的流程控制语句

    什么叫做语句? 语句:可以理解为语言中一句一句完整的话,程序是由一条条语句构成的,语句是按照自上往下的顺序执行的. 在JavaScript可以使用{  }来为语句进行分组.同一{  }中的语句称为一组 ...

  4. js 中的流程控制-条件语句

    条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...

  5. 01_Java语言基础部分(数据类型与表达式、流程控制语句、数组与方法)

    1. Java语言主要由5中符号组成 标识符:数字.字母.美元符.下划线(注意不能数字开头) 关键字(被Java赋予特殊意义的单词,注意所有关键字都是小写):   goto和const保留了它们,但是 ...

  6. JavaScript基础&实战（1）js的基本语法、标识符、数据类型

    文章目录 1.JavaScript简介 2.输出语句 2.1 代码块 2.2 测试结果 3.JS编写位置 3.1代码 3.2 测试结果 4.基本语法 4.1 代码 5.标识符 5.1 代码 6.数据类 ...

  7. JavaScript基础：数据类型的中的那些少见多怪

    原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...

  8. 第二十二节：Java语言基础-详细讲解位运算符与流程控制语句

    位运算符(二进制位运算) 运算符 运算 例子 << 左移 3 << 2 = 12 --> 3 * 2 * 2 =12 >> 右移 3 >> 1 = ...

  9. Mysq中的流程控制语句的用法

    这篇博客主要是总结一下Mysq中的流程控制语句的用法,主要是:CASE,IF,IFNULL,NULLIF 1.case CASE value WHEN [compare-value] THEN res ...

随机推荐

  1. Apache DolphinScheduler 的持续集成方向实践

    今天给大家带来的分享是基于 Apache DolphinScheduler 的持续集成方向实践,分享的内容主要为以下六点: " 研发效能 DolphinScheduler CI/CD 应用案 ...

  2. k8s驱逐篇(2)-kubelet节点压力驱逐

    kubelet节点压力驱逐 kubelet监控集群节点的 CPU.内存.磁盘空间和文件系统的inode 等资源,根据kubelet启动参数中的驱逐策略配置,当这些资源中的一个或者多个达到特定的消耗水平 ...

  3. Spring源码 03 IOC原理

    参考源 https://www.bilibili.com/video/BV1tR4y1F75R?spm_id_from=333.337.search-card.all.click https://ww ...

  4. ArkUI 组件 Props

    在上一篇博客文章中简单地提到了 Props . 在使用 Props 时需要注意到一个点,子组件从寄主页面传递过来的值是单向的,也就是子组件不能直接修改传递下来的值,即单向性. 以上篇文章定义的头像组件 ...

  5. 【JDBC】学习路径8-连接池

    为什么是连接池? 第一.受我们硬件资源的限制,我们的一些资源使用时有限制的比如我们的数据库 连接数和线程数.为了摆脱这些限制,我们就使用了池化技术来将这些资源限制在一定范围内. 第二.我们创建和销毁这 ...

  6. ansible 002 连接被控端 inventory ansible.cfg ansible-adhoc ansible原理

    ssh用普通用户连接被控端 配置主机清单 (/etc/hosts域名解析为前提) [root@workstation ansible]# cat hosts servera serverb [root ...

  7. 记一次用arthas排查jvm中CPU占用过高问题

    记一次使用arthas排查jvm中CPU占用过高问题.这工具屌爆了 碾压我目前使用的全部JVM工具. 安装 小试 curl -O https://arthas.aliyun.com/arthas-bo ...

  8. sql报错收集

    踩坑记录: 当出现如下错误 Not enough parameters for the SQL statement 多半是因为插入时填写的字段名有误 json.decoder.JSONDecodeEr ...

  9. 微软出品自动化神器Playwright，不用写一行代码（Playwright+Java）系列（一） 之 环境搭建及脚本录制

    一.前言 半年前,偶然在视频号刷到某机构正在直播讲解Playwright框架的使用,就看了一会,感觉还不错,便被种草,就想着自己有时间也可以自己学一下,这一想着就半年多过去了. 读到这,你可能就去百度 ...

  10. Elasticsearch: Reindex接口

    在我们开发的过程中,我们有很多时候需要用到Reindex接口.它可以帮我们把数据从一个index到另外一个index进行重新reindex.这个对于特别适用于我们在修改我们数据的mapping后,需要 ...