WEBBASE篇：第九篇， JavaScript知识4

Posted 2021-01-03 微子天明

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WEBBASE篇：第九篇， JavaScript知识4相关的知识，希望对你有一定的参考价值。

javascript　4

练习1

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
        //1、从弹框中录入一个字符
        var c = prompt("请输入一个字符:");
        //2、判断是否为数字
        var isNum = c >= ‘0‘ && c <= ‘9‘;
        //3、判断是否为英文
        //3.1 判断是否为小写英文
        var isSmall = c >= ‘a‘ && c <= ‘z‘;
        //3.2 判断是否为大写英文
        var isCaps = c >= ‘A‘ && c <= ‘Z‘;
        //3.3 用一个变量保存是否为英文
        var isENG = isSmall || isCaps;
        //4、判断是否为汉字
        var isCHN = c >= ‘u4e00‘ && c <= ‘u9fa5‘;
        //5、根据判断结果打印输出
        if(isNum){
            console.log(c+"是一个数字");
        }else if(isENG){
            console.log(c+"是一个英文字符");
        }else if(isCHN){
            console.log(c+"是一个汉字");
        }else{
            console.log(c+"是其他字符");
        }
    </script>    
 </body>
</html>

View Code

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
        var input = prompt("欢迎来到中国移动
1、查话费请按1
2、了解宽带请按2
3、For English press 3
4、人工服务请按 0");
        switch(input){
            case "1":
                alert("话费查询中，请稍后...");
                break;
            case "2":
                alert("宽带业务尚未开通...");
                break;
            case "3":
                alert("Sorry,我不懂英语...");
                break;
            case "0":
                alert("人工坐席忙，请稍后...");
                break;
            default:
                alert("输入有误!!!");
        }
    </script>
 </body>
</html>

View Code

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
        var input = prompt("请输入一个数字(0-7):");
        switch(input){
            case "1":
                console.log("今天吃红烧肉");
                break;
            case "2":
                console.log("今天吃红烧鱼");
                break;
            case "3":
                console.log("今天吃红烧王八");
                break;
            case "6":
            case "7":
                console.log("今天休息");
                break;
            default:
                console.log("输入有误!!!");
                break;
        }
    </script>
 </body>
</html>

View Code

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
        var year = Number(prompt(‘Year:‘));
        var month = Number(prompt(‘Month:‘));
        var day = Number(prompt(‘Day:‘));
        var totalDays = 0;
        var isRun=year%4==0&&year%100!=0||year%400==0;
        switch(month-1){
            case 11:
                totalDays += 30;
            case 10:
                totalDays += 31;
            case 9:
                totalDays += 30;
            case 8:
                totalDays += 31;
            case 7:
                totalDays += 31;
            case 6:
                totalDays += 30;
            case 5:
                totalDays += 31;
            case 4:
                totalDays += 30;
            case 3:
                totalDays += 31;
            case 2:
                totalDays += 28;
                if(isRun){
                    totalDays += 1;
                }
            case 1:
                totalDays += 31;
        }
        totalDays += day;
        console.log("是第"+totalDays+"天");
    </script>
 </body>
</html>

View Code

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
        //1、声明循环条件，赋值为 1
        var i = 1;
        //2、循环结构 ：条件 当 i 小于等于 100的时候，执行操作
        while(i <= 100){
            console.log("Hello World");
            //更新循环条件
            i++;//i=i+1;i+=1;
        }
    </script>
 </body>
</html>

View Code

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <!-- <script>
          //条件：从1开始到100结束
          //操作：打印循环条件的值
          var i = 1;
          while(i <= 100){
              console.log(i);
              //更新循环条件
              i++;
          }
      </script> -->


        <!-- <script>
            //条件：从1开始，到100结束
            //操作：累加 循环条件 的值
            var i=1,sum=0;
            while(i <= 100){
                sum += i;//sum = sum + i;
                i ++;
            }
            console.log("1-100之间的和为:"+sum);
        </script> -->


        <!-- <script>
            //条件：从1开始到100结束
            //操作：判断循环条件是否为 3 的倍数
            var i=1;
            while(i <= 100){
                if(i % 3 == 0){
                    console.log(i);
                }
                i++;
            }
        </script> -->

        <!-- <script>
            //条件：从 2000 开始 到 2050 结束
            //操作：判断条件是否满足闰年的要求
            var i = 2000;
            while(i <= 2050){
                if(i%4==0&&i%100!=0||i%400==0){
                    console.log(i);
                }
                i++;
            }
        </script> -->

        <script>
            var year = Number(prompt(‘Year:‘));
            var month = Number(prompt(‘Month:‘));
            var day = Number(prompt(‘Day:‘));
            var totalDays = 0;
            var isRun=year%4==0&&year%100!=0||year%400==0;

            //条件：从1月开始，到month-1月为止
            //操作：将这些月份的天数进行累加
            var i = 1;
            while(i < month){
                switch(i){
                    case 1:
                    case 3:
                    case 5:
                    case 7:
                    case 8:
                    case 10:
                        totalDays += 31;
                        break;
                    case 4:
                    case 6:
                    case 9:
                    case 11:
                        totalDays += 30;
                        break;
                    case 2:
                        totalDays += 28;
                        if(isRun){
                            totalDays += 1;
                        }
                }
                i++;
            }

            totalDays += day;
            console.log("共"+totalDays+"天");
        </script>
 </body>
</html>

View Code

分支结构

1，if 结构（略）

2，switch 结构

作用：等值判断；

语法：switch(变量){

　　case 值1：

　　　　语句块1；

　　　　//break；//跳出switch 结构，可选　　

　　　　case 值1：

　　　　　　语句块1；

　　　　　　//break；//跳出switch 结构，可选

　　。。。。。。。

　　　　default：

　　　　　　语句块n；

　　　　　　/*所有case都未匹配上时，才执行default*/

　　}

　　注意：1，变量和case后的值的判断，采用 === 来判断的；

　　　　　　2，break ，如果省略break的话，则从匹配的case块开始，依次向下执行(执行下面所有case块的内容或 default的内容),直到碰见break或执行结束为止；

练习：
从弹框中录入1-7任意一个数字表示星期1~星期日
输入1：今天吃红烧肉
输入2：今天吃红烧鱼
输入3：今天吃红烧王八
输入4：今天吃红烧皮皮虾
输入5：今天吃红烧排骨
输入6：今天休息
输入7：今天休息
其他：输入有误!

循环结构

作用：重复的执行相同或相似的代码；

循环的二要素：

　　（1）循环条件：循环从什么时候开始，到什么时候结束；

　　（2）循环操作：循环中要做的事情（要执行的代码）；

ex:
1、控制台中输出100遍Hello World
条件：从第1遍开始到第100遍结束
操作：输出 Hello World
2、打印 1-100 之间所有的数字
条件：从第1遍开始到第100遍结束
操作：输出条件的值

while 循环

语法： while(循环条件){

　　　　　　循环操作

　　　　　　}

流程：
1、判断循环条件(boolean值/表达式)
2、如果条件为真，则执行循环操作
2.1 执行完操作后，再回来判断条件...
3、如果条件为假，则退出循环
ex:
1、打印 100 遍 Hello World
条件：从 1 开始，到 100 结束
操作：打印 Hello World
练习：
1、打印 1-100 之间所有的数字
2、计算 1-100 之间所有数字的和并打印输出
3、打印 1-100 之间所有3的倍数的数字

4、打印 2000 - 2050 之间所有的闰年
5、将日期计算器更改为循环版本

以上是关于WEBBASE篇：第九篇， JavaScript知识4的主要内容，如果未能解决你的问题，请参考以下文章

Linux笔记第九篇添加MariaDB用户设置权限

MySQL-第九篇分组和组函数

WEBBASE篇： 第九篇， JavaScript知识4

javascript 4

WEBBASE篇：第九篇， JavaScript知识4

javascript　4