zsydgithub hai 1 ano
pai
achega
68cb5f0234
Modificáronse 4 ficheiros con 113 adicións e 0 borrados
  1. 35 0
      js/1_基础.html
  2. 1 0
      js/1_基础.js
  3. 45 0
      js/2_变量.html
  4. 32 0
      js/3_基本数据类型.html

+ 35 - 0
js/1_基础.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    #div1{
+      width: 200px;
+      height: 200px;
+      background: #000;
+    }
+  </style>
+</head>
+<body>
+  <div id="div1">
+    123
+  </div>
+  javascript
+  <!-- <script>
+    console.log(123)
+
+    alert('hahahah')
+
+    var div1 = document.getElementById('div1')
+    div1.onclick = function(){
+      console.log('000')
+    }
+    console.log(123)
+  </script> -->
+
+  <script src="./1_基础.js"></script>
+</body>
+</html>

+ 1 - 0
js/1_基础.js

@@ -0,0 +1 @@
+alert('我是js文件')

+ 45 - 0
js/2_变量.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    //创建变量  关键词是var
+    var a;
+    //赋值
+    a = 1;
+    //输入变量的名称  在浏览器端 输出的是变量的值
+    console.log(a)
+    /* 
+      1.变量首先必须要以字母开头
+      2.变量可以包含字母、数字、下划线_或者美元符号$
+      3.变量可以以$或者_符号开头(但是不推荐目前这么写)
+      4.变量名称不能包含关键词
+      5.变量名称对于大小写敏感
+    */
+    // console.log(A) //not defined 
+
+    var b = 111; // number  数字
+    var B = 222
+    console.log(b)
+    console.log(B)
+
+
+    var c = '我是小明 。var。(#####)%%%%%#$@#' //string  字符串 包含任何内容
+    console.log(c)
+    
+    var d = false // boolean 布尔值 只有两个值 true false
+    console.log(d)
+
+    var e; //undefined  变量创建出来了 能找到  但是没有值  变为undefined
+    console.log(e) 
+
+    console.log(f)
+
+  </script>
+</body>
+</html>

+ 32 - 0
js/3_基本数据类型.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    //基本数据类型  number  string  boolean  undefined  null
+    // var a = 123;
+    // var b = '123';
+    // var c = true;
+    // var d;
+
+    var a = 123
+    b = a
+    console.log(b)
+
+    console.log(c)
+    var c = '123'
+
+    var k = 123
+    console.log(k)
+    k = '123'
+    console.log(k)
+    k = true
+    console.log(k)
+  </script>
+</body>
+</html>