fengchuanyu 4 місяців тому
батько
коміт
59d4f7f445

+ 12 - 0
js复习/2_变量类型.html

@@ -7,6 +7,7 @@
 </head>
 <body>
     <script>
+        // 基础数据类型:数值型、字符串型、布尔型、undefined型、null型
         // 变量名 命名规则:数字、字母、下划线、$,不能以数字开头,不能是关键字和保留字
         var a = 1;//数值型
         var b = 'hello';//字符串型
@@ -16,6 +17,17 @@
 
         console.log(a);
 
+        // 引用数据类型:对象、数组
+        // 数组 可以装多个值 值的类型可以不一样 定义的时候可以不声明长度
+        var f = [1,2,3,4,5,6,"hello",true];//数组
+        var e = {
+            img:"./img/1.jpg",
+            name:"红米",
+            desc:"红米手机....",
+            price:"1999"
+        };//对象
+
+
     </script>
 </body>
 </html>

+ 16 - 4
js复习/3_类型操作.html

@@ -11,14 +11,26 @@
         var b = 2;
         var c = a + b;
         //  + *乘 /除 %取余
-        console.log(3/2);
-        console.log(3%2);
-        console.log((3+2)*3);
+        // console.log(3/2);
+        // console.log(3%2);
+        // console.log((3+2)*3);
+
+        // a = a + 1;
+        // a += 1; // += 1 等价于 a = a + 1
+        // a *= 1; // *= 1 等价于 a = a * 1
+        // a /= 1; // /= 1 等价于 a = a / 1
+        // a %= 1; // %= 1 等价于 a = a % 1
+        // a++;// a = a + 1; 表示先赋值后运算
+        //++a;// a = a + 1; 表示先运算后赋值
+        // console.log(++a);
+        console.log(a++);
+        
+        
 
         var d = "hello";
         var e = 1;
         var f = "1"
-        console.log(f+e);
+        // console.log(f+e);
         
         
         

+ 7 - 6
js复习/5_分枝判断.html → js复习/5_分支判断.html

@@ -87,12 +87,13 @@
         // }
         
         // 判断 a 不等于7
-        var a = 7;
-        if(!(a==7)){
-            console.log("正确");
-        }else{
-            console.log("错误");
-        }
+        // !(非运算) 取反
+        // var a = 7;
+        // if(!(a==7)){
+        //     console.log("正确");
+        // }else{
+        //     console.log("错误");
+        // }
 
     </script>
 </body>

+ 50 - 0
js复习/6_循环.html

@@ -0,0 +1,50 @@
+<!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>
+        var arr = [1,2,3,4,5,6,7,8,9];
+        console.log(arr);
+        
+        // console.log(arr[2]);
+        // console.log(arr[3]);
+        // for(var i = 0; i < arr.length; i++){
+        //     console.log(arr[i]);
+        // }
+
+        // var i = 0;
+        // 先判断后执行
+        // while(i<arr.length){
+        //     console.log(arr[i]);
+        //     i++;
+        // }
+
+        // var i = 10;
+        // 先执行后判断
+        // do{
+        //     console.log(arr[i]);
+        //     i++;
+        // }while(i<arr.length);
+
+        // for(var i = 0; i < arr.length; i++){
+        //     console.log(arr[i]);
+        //     if(arr[i] == 5){
+        //         console.log("找到了");
+        //         // break; 结束循环
+        //         break;
+        //     }
+        // }
+
+        // for(var i = 0; i < arr.length; i++){
+        //     if(arr[i] == 5){
+        //         continue; //结束本次循环,继续下一次循环
+        //     }
+        //     console.log(arr[i]);
+        // }
+    </script>
+</body>
+</html>

+ 18 - 0
js复习/7_页面交互.html

@@ -0,0 +1,18 @@
+<!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("hello world");
+        var userName = window.prompt("请输入您的名字");
+        console.log(userName);
+        var boo = window.confirm("您确定要退出吗?");
+        console.log(boo);
+        
+    </script>
+</body>
+</html>

+ 0 - 0
js复习/8_代码规范.html


+ 18 - 0
js复习/9_随机数.html

@@ -0,0 +1,18 @@
+<!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>
+        // Math.random() 生成0-1之间的随机数
+        var num = Math.random();
+        num *= 100;
+        num = Math.floor(num);
+        num ++;
+        console.log(num);
+    </script>
+</body>
+</html>