e преди 1 година
родител
ревизия
bdf1ce0a16
променени са 7 файла, в които са добавени 183 реда и са изтрити 0 реда
  1. 0 0
      day8/css/index.css
  2. 20 0
      day8/html/1.js的使用.html
  3. 39 0
      day8/html/2.变量声明赋值.html
  4. 72 0
      day8/html/3.js的类型.html
  5. 27 0
      day8/html/4.js赋值.html
  6. 24 0
      day8/html/练习.html
  7. 1 0
      day8/js/index.js

+ 0 - 0
day8/css/index.css


+ 20 - 0
day8/html/1.js的使用.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="../css/index.css">
+</head>
+<body>
+    1111
+    <!-- 
+        JavaScript => js(弱语言类型)
+        在html页面中添加script标签
+     -->
+    <!-- <script>
+        alert("今天下雨")
+    </script> -->
+    <script src="../js/index.js"></script>
+</body>
+</html>

+ 39 - 0
day8/html/2.变量声明赋值.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>变量</title>
+</head>
+<body>
+    <!-- 
+        JavaScript 是弱类型语言 
+        数据 决定 类型
+        变量的命名规则
+            1,变量的命名由英文,数字,$(美元符号),_(下划线)组成;
+            2. 变量的命名首字母由英文,数字,$(美元符号)组成;
+            3. 变量的命名不能以关键字命名;
+            4. 变量的命名必须严格区分大小写;
+     -->
+    <script>
+        // 声明变量
+        var c1 = 2;
+        console.log(c1,'C')
+        //  var 名字;
+        var vase;
+        //打印 console.log
+        console.log(vase,'打印内容')
+        //undefined
+        // 变量赋值 
+        // 变量名字 = 赋的值;
+        vase = 1;
+        console.log(vase,'打印内容1')
+        // 变量的声明 + 赋值
+        var a = 456;
+        console.log(a,'打印内容2')
+
+        // var 新的;//不行
+
+    </script>
+</body>
+</html>

+ 72 - 0
day8/html/3.js的类型.html

@@ -0,0 +1,72 @@
+<!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>
+    <!-- 
+        数据类型:
+            六种数据类型
+
+            基本数据类型:
+            1,2,3 => Number
+            '123','4343','' => String
+            true/false => boolean
+            a;b;c => undefined
+            沒有值 => null (空)
+
+            引用数据类型:
+            [],{},null => Object
+
+
+
+        判断数据类型: typeOf
+     -->
+
+
+
+    <script>
+        // JavaScript 是弱类型语言 
+        // 数据 决定 类型
+        var a;
+        // typeof 判断变量的类型
+        console.log(typeof a);
+        //undefined 未定义类型:存在 没有赋值 
+        a = 1;
+        console.log(typeof a,'赋值后');
+        //number 数字类型
+        a = '1';
+        // '' "" 字符串
+        console.log(typeof a,'新的赋值') 
+        // string 字符串类型
+        var bbb = true;
+        console.log(typeof bbb,'bbb')// boolean 布尔值
+        bbb = false;
+        console.log(typeof bbb,'新的')// boolean 布尔值:true/false
+        var ccc = null;
+        // null 空 
+        console.log(typeof ccc,'ccc') // Object
+        var ccc = [];
+        console.log(typeof ccc,'ccc1') // Object
+        // var ddd = vase;
+        // [] 数组 {}对象 null => Object对象
+        console.log(typeof true,'abc') 
+        var news = null;
+        var sss;
+        var sss1 = 111;
+        console.log(typeof news,'news')
+        console.log(typeof sss,'sss')
+        console.log(typeof sss1,'sss1')
+        // null包含undefined
+        if(null == undefined) {
+            alert("♥等于")
+        } else {
+            alert("♥不等于")
+        }
+
+
+    </script>
+</body>
+</html>

+ 27 - 0
day8/html/4.js赋值.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 = '';
+        var d = '1';
+        var f = "999";
+        if(false == "0") {
+            alert("♥等于")
+        } else {
+            alert("♥不等于")
+        }
+        a = 'djajdk';
+        console.log(a,'a')
+        // = 赋值 不进行数据判断
+        // == 不进行赋值  进行数据判断 当类型不同 进行强制转换(转换成同类型)
+        // true = 1   false = 0
+    </script>
+</body>
+</html>

+ 24 - 0
day8/html/练习.html

@@ -0,0 +1,24 @@
+<!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 a1;
+        console.log(typeof A1); //=> undefined
+        var www = [];
+        console.log(typeof www); //=> Object
+        var b1 = 'kdjfks123hf';
+        console.log(typeof b1); //=> String
+        var b3 = true;
+        console.log(typeof b3); //=> Boolean
+        var b4 = null;
+        console.log(typeof b4); // => Object
+        var b5 = {};
+        console.log(typeof b5); // => Object         
+    </script>
+</body>
+</html>

+ 1 - 0
day8/js/index.js

@@ -0,0 +1 @@
+window.alert("今天天气真好")