Головна сторінка Огляд Довідка
Увійти
lovecoding
/
W250511
10
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

admin

fengchuanyu 4 тижнів тому
батько
32abaa19f6
коміт
0b05c7ff19
6 змінених файлів з 233 додано та 0 видалено
Розділений вигляд Показати статистику Diff
  1. 13 0
      2-JavaScript/1_helloworld.html
  2. 28 0
      2-JavaScript/2_变量定义.html
  3. 32 0
      2-JavaScript/3_数据类型.html
  4. 56 0
      2-JavaScript/4_基本的数学运算.html
  5. 36 0
      2-JavaScript/5_字符串基本操作.html
  6. 68 0
      2-JavaScript/6_分支判断.html

+ 13 - 0
2-JavaScript/1_helloworld.html
Переглянути файл 

@@ -0,0 +1,13 @@
 
+<!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");
 
+    </script>
 
+</body>
 
+</html>

+ 28 - 0
2-JavaScript/2_变量定义.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变量值
 
+        var a = 9;
 
+        // 变量名命名规则
 
+        // 1.变量名只能包含字母、数字、下划线和美元符号（$）
 
+        // 2.变量名不能以数字开头
 
+        // 3.变量名不能是JavaScript关键字
 
+        // 4.变量名区分大小写
 
+        var num = 10;
 
+        var Num = 10;
 
+
 
+
 
+        // 向控制台输出日志
 
+        console.log(a);
 
+
 
+        alert(a);
 
+        
+    </script>
 
+</body>
 
+</html>

+ 32 - 0
2-JavaScript/3_数据类型.html
Переглянути файл 

@@ -0,0 +1,32 @@
 
+<!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>
 
+        // JavaScript 基本数据类型 
+        // 数据类型
 
+        // 数值类型 （Number）
 
+        var a = 10;
 
+        // 字符串类型（String）用引号包裹 单引号 双引号均可
 
+        var b = "hello world";
 
+        var c = '你好世界'
 
+
 
+        // 布尔类型（Boolean）两个值 true正 false假
 
+        var d = true;
 
+        var e = false;
 
+
 
+        // 空类型（Null）只有一个值 null
 
+        var f = null;
 
+
 
+        // 未定义类型（Undefined）只有一个值 undefined
 
+        var g = undefined;
 
+
 
+        var h;
 
+        console.log(h);
 
+    </script>
 
+</body>
 
+</html>

+ 56 - 0
2-JavaScript/4_基本的数学运算.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>
 
+    <script>
 
+        // 基本的数学运算
 
+        // 加
 
+        var a = 10;
 
+        var b = 20;
 
+        var c = a + b;
 
+        console.log(c);
 
+
 
+        // 减
 
+        var d = 10;
 
+        var e = 20;
 
+        var f = d - e;
 
+        console.log(f);
 
+
 
+        // 乘
 
+        var g = 10;
 
+        var h = 20;
 
+        var i = g * h;
 
+        console.log(i);
 
+
 
+        // 除
 
+        var j = 10;
 
+        var k = 20;
 
+        var l = j / k;
 
+        console.log(l);
 
+
 
+        // 取余
 
+        var m = 5;
 
+        var n = 2;
 
+        var o = m % n;
 
+        console.log(o);
 
+
 
+        // 自增 
+        var p = 10;
 
+        //p++;// p = p + 1;
 
+        // 如果 ++ 放在变量的后面，先返回变量原来的值，再自增
 
+        // 如果 ++ 放在变量的前面，先自增，再返回变量的值
 
+        // var x = p++
 
+        var x = ++p;
 
+        console.log(x);
 
+
 
+        // 自减
 
+        // var q = 10;
 
+        // q--;// q = q - 1;
 
+        // console.log(q);
 
+    </script>
 
+</body>
 
+</html>

+ 36 - 0
2-JavaScript/5_字符串基本操作.html
Переглянути файл 

@@ -0,0 +1,36 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <style>
 
+        .box{
 
+            color: red;
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+    <script>
 
+        // + 左右两边有字符串出现则 变成字符串拼接
 
+        var userName = "张三";
 
+
 
+        console.log("恭喜"+userName+"中奖了");
 
+
 
+        var a = 10;
 
+        var b = "20";
 
+
 
+
 
+        console.log(a+b);
 
+
 
+
 
+        // document.write("恭喜"+userName+"中奖了");
 
+
 
+        // 如果用引号表示一段字符串 那么外面用双引号里面用单引号 外面用单引号里面用双引号
 
+        // document.write("<h1 class='box'>hello world</h1>");
 
+        document.write('<h1 class="box">hello world</h1>');
 
+
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 68 - 0
2-JavaScript/6_分支判断.html
Переглянути файл 

@@ -0,0 +1,68 @@
 
+<!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;
 
+
 
+        // if语句 实现条件判断 括号内部的结果 是 true 还是 false
 
+        // 如果条件成立为true 执行if语句内部的代码
 
+        // 如果条件不成立为false 执行else语句内部的代码
 
+        if(a > 10){
 
+            console.log("a大于10");
 
+        }else{
 
+            console.log("a小于10");
 
+        }
 
+
 
+        // 常见逻辑符号
 
+        // 大于 >
 
+        // 小于 <
 
+        // 大于等于 >=
 
+        // 小于等于 <=
 
+        // 等于 == 、 ===
 
+        // == 只判断值是否相等 不判断类型
 
+        // === 不仅判断值是否相等 还判断类型是否相等
 
+        if(a == '1'){
 
+            console.log("a等于1");
 
+        }
 
+        if(a === '1'){
 
+            console.log("a等于1");
 
+        }
 
+        // 不等于 !=
 
+        if(a != 2){
 
+            console.log("a不等于2");
 
+        }
 
+        // 逻辑与 && (一般用作于要求同时满足多个条件)
 
+        if(a > 0 && a < 20){
 
+            console.log("a大于0小于20");
 
+        }
 
+        // 逻辑或 || (一般用作于要求满足多个条件中的一个)
 
+        if(a > 10 || a < 20){
 
+            console.log("a大于10或小于20");
 
+        }
 
+        // 逻辑非 !
 
+        if(!(a > 10)){
 
+            console.log("a小于10");
 
+        }
 
+
 
+        // 多路分支
 
+        var b = 2;
 
+        if(b == 1){
 
+            console.log("星期一");
 
+        }else if(b == 2){
 
+            console.log("星期二");
 
+        }else if(b == 3){
 
+            console.log("星期三");
 
+        }
 
+
 
+        
+
 
+    </script>
 
+</body>
 
+</html>