fengchuanyu 4 ay önce
ebeveyn
işleme
51caf089f6

+ 18 - 0
js复习/1_helloworld.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>
+        document.write("hello world!");
+
+        alert("hello world");
+
+        console.log("hello world");
+    </script>
+</body>
+</html>

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

@@ -0,0 +1,21 @@
+<!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 a = 1;//数值型
+        var b = 'hello';//字符串型
+        var c = true;//布尔型 true真 false假
+        var d;//undefined型
+        var e = null;//null 空值
+
+        console.log(a);
+
+    </script>
+</body>
+</html>

+ 27 - 0
js复习/3_类型操作.html

@@ -0,0 +1,27 @@
+<!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 a = 1;
+        var b = 2;
+        var c = a + b;
+        //  + *乘 /除 %取余
+        console.log(3/2);
+        console.log(3%2);
+        console.log((3+2)*3);
+
+        var d = "hello";
+        var e = 1;
+        var f = "1"
+        console.log(f+e);
+        
+        
+        
+    </script>
+</body>
+</html>

+ 28 - 0
js复习/4_变量特性.html

@@ -0,0 +1,28 @@
+<!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 a = 10;
+        a = "hello";
+        console.log(a);
+        //变量特性:重复定义
+        var a = "world";
+        console.log(a);
+        //变量特性:可以不定义直接使用 赋值操作
+        b = "abc";
+        console.log(b);
+
+        //变量特性:可以定义不赋值
+        var c;
+        console.log(c);
+        
+        
+    </script>
+</body>
+</html>

+ 99 - 0
js复习/5_分枝判断.html

@@ -0,0 +1,99 @@
+<!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 a = 10;
+        // var b = 20;
+
+        // if(a>b){
+        //     console.log(a);
+        // }else{
+        //     console.log(b);
+        // }
+        // if 条件判断
+        // var day = 8;
+        // if(day == 1){
+        //     console.log("星期一");
+        // }else if(day == 2){
+        //     console.log("星期二");
+        // }else if(day == 3){
+        //     console.log("星期三");
+        // }else if(day == 4){
+        //     console.log("星期四");
+        // }else if(day == 5){
+        //     console.log("星期五");
+        // }else if(day == 6){
+        //     console.log("星期六");
+        // }else if(day == 7){
+        //     console.log("星期日");
+        // }else{
+        //     console.log("输入错误");
+        // }
+
+        // switch 值匹配 且时严格匹配相当于===
+        // var day = "3";
+        // switch(day){
+        //     case 1:console.log("星期一");break;
+        //     case 2:console.log("星期二");break;
+        //     case 3:console.log("星期三");break;
+        //     case 4:console.log("星期四");break;
+        //     case 5:console.log("星期五");break;
+        //     case 6:console.log("星期六");break;
+        //     case 7:console.log("星期日");break;
+        //     default:console.log("输入错误");
+        // }
+
+
+        // 条件表达式
+        // var a = 20;
+        // var b = 20;
+        // console.log(a>b);//大于
+        // console.log(a<b);//小于
+        // console.log(a>=b);//大于等于
+        // console.log(a<=b);//小于等于
+        // console.log(a==b);//等于
+        // console.log(a!=b);//不等于
+
+        // var c = 10;
+        // var d = "10";
+        // // == 判断时会将数据类型进行转换相同类型后进行判断
+        // console.log(c == d);
+        // // === 判断时会严格判断类型再去匹配值
+        // console.log(c === d);
+        
+        
+        // 判断a为 1-7
+        // var a = 0;
+        // &&(与运算) 且 两个条件都成立才执行
+        // if(a>=1 && a<=7){
+        //     console.log("正确");
+            
+        // }else{
+        //     console.log("错误");
+        // }
+
+        // 判断a为 1或者7
+        // var a = 2;
+        // ||(或运算) 两个条件有一个成立就执行
+        // if(a==1 || a==7){
+        //     console.log("正确");
+        // }else{
+        //     console.log("错误");
+        // }
+        
+        // 判断 a 不等于7
+        var a = 7;
+        if(!(a==7)){
+            console.log("正确");
+        }else{
+            console.log("错误");
+        }
+
+    </script>
+</body>
+</html>