fengchuanyu 2 veckor sedan
förälder
incheckning
720111649a

+ 17 - 0
3_JavaScript/3_变量定义.html

@@ -0,0 +1,17 @@
+<!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 定义一个变量
+        // 变量名 = 变量值
+        // js是一个动态类型语言 定义时候不需要约束变量类型 只有赋值的时候才能确定变量的类型
+        // 变量名命名规则:1.由数字、字母、下划线"_"、$构成;2.数字不能开头;3.不能使用关键字
+        var a = 1;
+    </script>
+</body>
+</html>

+ 28 - 0
3_JavaScript/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>
+        // 基础数据类型 Number、String、Boolean、Undefined、Null
+        // Number 数值型 数字
+        var a = 1;
+        // String 字符型 字符串 由引号包裹 包括单引号和双引号
+        var b = "hello";
+        var c = 'world';
+        // Boolean 布尔类型 一共两个值 一个是true 表示真 一个是false表示假 一般配合条件判断使用
+        var d = true;
+        var e = false;
+        // Undefined 未定义 一般为定义变量但不赋值
+        var f = undefined;
+        var g;
+        console.log(f,g);  // console.log 可以同时输出多个值 中间用逗号间隔
+        // Null 空值 
+        var h = null;
+
+    </script>
+</body>
+</html>

+ 35 - 0
3_JavaScript/5_数值型.html

@@ -0,0 +1,35 @@
+<!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;
+        // 加法
+        console.log(a+b);
+        // 由于计算机计算精度问题 0.1 + 0.2 不等于0.3
+        console.log(0.1+0.2);
+
+        // 减法
+        console.log(2-1);
+        // 乘法
+        console.log(2*2);
+        // 除法
+        console.log(4/2);
+        // 取余
+        console.log(5%2);
+        // 括号
+        console.log((2+1)*2);
+        
+        
+        
+        
+        
+        
+    </script>
+</body>
+</html>

+ 41 - 0
3_JavaScript/6_字符串.html

@@ -0,0 +1,41 @@
+<!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 = "hello";
+        var b = 'world';
+        var c = 'a';
+        // 字符串使用 + 表示字符串拼接
+        var d = "你好" + "张三";
+        console.log(d);
+        // 如果 + 左右两边有一个是字符串那么就是字符串拼接 会把其他类型转换成字符串进行拼接
+        var e = 1;
+        var f = "abc";
+        var g = e + f; 
+        console.log(g);
+
+        var h = 1;
+        var i = "2";
+        console.log(h+i);
+
+        // 字符串拼接操作
+        var str1 = "张三";
+        var user ="我的名字是" + str1;
+        console.log(user);
+        console.log("我的朋友是"+str1);
+        // 可以向页面中输出一个html标签 但一定是字符型
+        // var str2 = "<h1>hello</h1>";
+        // 如果单引号和双引号同时使用 外层如果是单引号那么内层则为双引号 如果外层是双引号则反之
+        var str2 = "<h1 class='box'>hello</h1>";
+        document.write(str2)
+        
+        
+    </script>
+</body>
+</html>