e 6 月之前
父节点
当前提交
cb14f06f00
共有 4 个文件被更改,包括 173 次插入0 次删除
  1. 69 0
      js/js基础/10.循环语句.html
  2. 26 0
      js/js基础/11.break和continue.html
  3. 22 0
      js/js基础/12.提示框.html
  4. 56 0
      js/js基础/9.条件语句.html

+ 69 - 0
js/js基础/10.循环语句.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 
+    循环语句   
+    1.for(声明变量并赋值;每次循环执行的表达式;每次循环执行的语句) {
+            每次循环执行的代码块
+        }
+    2. while(循环条件) {
+            循环执行的代码块
+        }
+        表达式必须为真
+    3.do {
+            循环执行的代码块
+        }while(循环条件)
+        无论成立与否 都会执行一次
+    -->
+    <script>
+        var a = 0;
+        do {
+            console.log("你好",a);
+            a++;
+        } while(a>10);
+        // while(a<10) {
+        //     console.log("你好",a);
+        //     if(a == 5) {
+        //         break; //跳出循环
+        //         // continue;
+        //     }
+        //     a++;
+        // }
+        console.log(a);
+
+        // length 长度
+        // 对象
+        // var obj ={
+        //     name:"小红",
+        //     age:10
+        // }
+        // console.log(obj.length)
+        // for(var i=0;i<obj.length;i++) {
+        //     console.log(obj[i]);
+        // }
+        // var arr = [1,2,3,4,56,7,86];
+        // 数据
+        // var i=0;
+    
+        // for(i;i<arr.length;i++) {
+        //     // console.log(i)
+        //     console.log(arr[i])
+        // }
+        // var str = 'hello,world';
+        
+        // for(var i=0;i<str.length;i++) {
+        //     // console.log(i)
+        //     console.log(str[i])
+        // }
+        // 数字
+        // for(var i=0,l=10;i<l;i++) {
+        //     console.log(i);
+        // }
+    </script>
+</body>
+</html>

+ 26 - 0
js/js基础/11.break和continue.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // break 跳出该层循环 不会影响外部循环
+        // continue 跳出本次循环 不影响该层循环
+        for(var i=0;i<7;i++) {
+            console.log(i,'第一层');
+            for(var j=0;j<5;j++) {
+                if(j==3) {
+                    // break;
+                    continue;
+                }
+                console.log(j,'第二层');
+            }
+        }
+        // 0 0-4
+        // 1 0-4
+    </script>
+</body>
+</html>

+ 22 - 0
js/js基础/12.提示框.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // alert("xxx");//警告框
+        // confirm("提示内容");//确认框
+        // window.alert("你好")
+        // 提示框
+        // prompt("提示的内容信息",默认内容);
+       var a = prompt("提示的内容信息",20);
+       console.log(a)
+
+    //  案例1:进入页面 输入月份 页面显示当前月份及月份的天数;
+    //  案例2:进入页面 输入年份 页面显示当前年月及平年/闰年;
+    </script>
+</body>
+</html>

+ 56 - 0
js/js基础/9.条件语句.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 
+        条件语句:
+        1.if(表达式) {
+            表达式成立时 执行的语句
+        } else if(表达式){
+            表达式成立时 执行的语句
+         }else {
+            表达式不成立 执行的语句 
+        }
+
+        switch(变量){
+            case 条件:
+                执行的语句;
+                break;
+                .....
+            default:
+                执行的语句;
+                break;
+        }
+    -->
+    <script>
+        var a =80;
+        // if(a>=90){
+        //     console.log("优秀")
+        // } else if(a<=90&&a>=75){
+        //     console.log("良好")
+        // } else if(a<75&&a>=60){
+        //     console.log("及格")
+        // } else {
+        //     console.log("不及格")
+        // }
+        switch(a){
+            case 90:
+                console.log("优");
+                break;
+            case 75,76,77,78,79,80:
+                console.log("良好");
+                break;
+            case 60:
+                console.log("及格");
+                break;
+            default:
+                console.log("不及格");
+                break;
+        }
+    </script>
+</body>
+</html>