Accueil Explorer Aide
Connexion
lovecoding
/
W260426
10
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

admin

fengchuanyu il y a 17 heures
Parent
0be0ff350b
commit
876476445b
10 fichiers modifiés avec 206 ajouts et 2 suppressions
Vue unifiée Afficher les stats Diff
  1. 18 0
      3_JavaScript/10_三元运算符.html
  2. 16 0
      3_JavaScript/11_时间对象.html
  3. 26 2
      3_JavaScript/2_定义变量.html
  4. 44 0
      3_JavaScript/3_数值型.html
  5. 14 0
      3_JavaScript/4_字符型.html
  6. 22 0
      3_JavaScript/5_布尔类型.html
  7. 15 0
      3_JavaScript/6_undefined.html
  8. 15 0
      3_JavaScript/7_null.html
  9. 21 0
      3_JavaScript/8_转译字符.html
  10. 15 0
      3_JavaScript/9_生成随机数字.html

+ 18 - 0
3_JavaScript/10_三元运算符.html
Voir le fichier 

@@ -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>
 
+        // 三元运算符
 
+        // 三元运算符的格式是：条件 ? 表达式1 : 表达式2;
 
+        // 条件为true时，执行表达式1，否则执行表达式2
 
+        var str = "未登录";
 
+        var res = str == "已登录" ? "登录成功" : "登录失败";
 
+        console.log(res);
 
+    </script>
 
+</body>
 
+</html>

+ 16 - 0
3_JavaScript/11_时间对象.html
Voir le fichier 

@@ -0,0 +1,16 @@
 
+<!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 date = new Date();
 
+        console.log(date.getFullYear());
 
+    </script>
 
+</body>
 
+</html>

+ 26 - 2
3_JavaScript/2_定义变量.html
Voir le fichier 

@@ -9,10 +9,34 @@
 
     <script>
 
     <script>
 
         // 定义变量
 
         // 定义变量
 
         // 使用var 关键字定义变量 var 变量名 = 值;
 
         // 使用var 关键字定义变量 var 变量名 = 值;
 
-        // 变量名：不能以数字开头，不能包含特殊字符 使用数字、字母、下划线、$(美元符号)
 
+        // 变量名：不能以数字开头，不能包含特殊字符 使用数字、字母、下划线、$(美元符号)，不能使用js中的关键字
 
+        // js中变量名严格区分大小写
 
         var cart = 0;
 
         var cart = 0;
 
 
 
-        // 定义变量 可以赋值也可以不赋值
 
+        // 定义变量 可以赋值也可以不赋值；
 
+        // 每一条js语句都要以分号结尾；
 
+        var cart;
 
+
 
+        // 可以同时定义多个变量
 
+        // var a = 11;
 
+        // var b = 12;
 
+        // var c = 13;
 
+        var a = 11, b = 12, c = 13;
 
+
 
+        // js他是一个动态类型语言：定义变量时不需要指定数据类型，根据赋值的类型自动判断；
 
+
 
+        // 定义变量的时候可以不用var关键字来声明
 
+        d = 14;
 
+        console.log(d);
 
+        // 直接引用了一个没有定义、赋值的变量会报错
 
+        // console.log(e);
 
+
 
+
 
+        // 在js中可以任意切换变量的类型
 
+        var f = 10;
 
+        f = "hello";
 
+        console.log(f);
 
+        
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 44 - 0
3_JavaScript/3_数值型.html
Voir le fichier 

@@ -17,6 +17,50 @@
 
         var c = a + b;
 
         var c = a + b;
 
         // console.log() 可以在控制台输出变量的值
 
         // console.log() 可以在控制台输出变量的值
 
         console.log(c);
 
         console.log(c);
 
+        // 减法运算符 -
 
+        var d = a - b;
 
+        console.log(d);
 
+        // 乘法运算符 *
 
+        var e = a * b;
 
+        console.log(e);
 
+        // 除法运算符 /
 
+        var f = a / b;
 
+        console.log(f);
 
+        // 取余运算符 %
 
+        // 取余运算符的值是两个数相除的余数
 
+        var g = a % b;
 
+        console.log(g);
 
+        // += 等价于 a = a + b;
 
+        a += b;
 
+        console.log(a);
 
+        // -= 等价于 a = a - b;
 
+        a -= b;
 
+        console.log(a);
 
+        // *= 等价于 a = a * b;
 
+        a *= b;
 
+        console.log(a);
 
+        // /= 等价于 a = a / b;
 
+        a /= b;
 
+        console.log(a);
 
+        // %= 等价于 a = a % b;
 
+        a %= b;
 
+        console.log(a); 
+
 
+        // ++ 等价于 a = a + 1;
 
+        a++;
 
+        console.log(a);
 
+        // -- 等价于 a = a - 1;
 
+        a--;
 
+        console.log(a);
 
+        // () 括号运算符
 
+        var h = (a + b) * c;
 
+        console.log(h);
 
+
 
+        // NaN not a number 不是一个数字
 
+        // 不能用非数字进行数学运算（除了加法）
 
+        console.log("hello" - 2);
 
+
 
+        var i = (2-1)*2;
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 14 - 0
3_JavaScript/4_字符型.html
Voir le fichier 

@@ -20,6 +20,20 @@
 
         var e = a + d;
 
         var e = a + d;
 
         console.log(e);
 
         console.log(e);
 
         console.log(c);
 
         console.log(c);
 
+
 
+        // "" 引号内没有任何内容 也叫空字符串 
+        var f = "";
 
+
 
+        // 当字符串内容出现引号时 里面为单引号那么外面就是双引号 否则反之
 
+        var g = "<h1 class='box'>hello world</h1>";
 
+        // 可以向页面中输出内容
 
+        // document.write(g);
 
+
 
+
 
+        // 变量不能写在引号内部 否则会变成字符串展示
 
+        // 如果要在字符串内部展示变量可以使用 +(加号) 进行拼接
 
+        var h = "box";
 
+        document.write("<h1>"+h+"</h1>")
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 22 - 0
3_JavaScript/5_布尔类型.html
Voir le fichier 

@@ -33,6 +33,28 @@
 
         // 严格等于 会判断类型是否相同
 
         // 严格等于 会判断类型是否相同
 
         var d = b === c;
 
         var d = b === c;
 
         console.log(d);
 
         console.log(d);
 
+
 
+
 
+        // 布尔值不光可以使用true 或 false
 
+        // 可以使用数字来做布尔值 0表示false 1表示true
 
+        var e = true;
 
+        console.log(e == 0);
 
+
 
+        // 字符串也可以用于布尔值  空字符串表示false 非空字符串表示true
 
+
 
+        // || 或运算符
 
+        // 只要有一个为true 就为true
 
+        console.log(false || false);
 
+        // && 且运算符
 
+        // 只有当两个操作数都为true 才为true 只要有一个为false则为false
 
+        console.log(true && true);
 
+        // ! 非运算符
 
+        // 取反
 
+        console.log(!true);
 
+
 
+
 
+        // 参与逻辑判断的时候 false、undefien、Null、数字0、空字符串 都表示假
 
+        // 参与逻辑判断的时候 true、非0的数字、非空的字符 都表示真
 
      </script>
 
      </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 15 - 0
3_JavaScript/6_undefined.html
Voir le fichier 

@@ -0,0 +1,15 @@
 
+<!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>
 
+        // undefined 也是一种js的数据类型 表示定义了但没有赋值的变量
 
+        var a;
 
+        console.log(a);
 
+    </script>
 
+</body>
 
+</html>

+ 15 - 0
3_JavaScript/7_null.html
Voir le fichier 

@@ -0,0 +1,15 @@
 
+<!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>
 
+        // null 也是一种js的数据类型 表示空值
 
+        var a = null;
 
+        console.log(a);
 
+    </script>
 
+</body>
 
+</html>

+ 21 - 0
3_JavaScript/8_转译字符.html
Voir le fichier 

@@ -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>
 
+        // 转译字符 用于在字符串中表示一些特殊字符
 
+        // 这些特殊字符都以\ 反斜杠开头
 
+        // \" 引号
 
+        // \' 单引号
 
+        // \n 换行
 
+        // \t 水平制表符
 
+        // \r 换行符
 
+        // \\ 反斜杠
 
+        console.log("hello \n \" world");
 
+    </script>
 
+</body>
 
+</html>

+ 15 - 0
3_JavaScript/9_生成随机数字.html
Voir le fichier 

@@ -0,0 +1,15 @@
 
+<!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之间的随机数
 
+        console.log(Math.random());
 
+    </script>
 
+</body>
 
+</html>