zsydgithub 1 年之前
父節點
當前提交
7595f09cf6
共有 4 個文件被更改,包括 112 次插入0 次删除
  1. 32 0
      JS/1_index.html
  2. 47 0
      JS/2_变量.html
  3. 32 0
      JS/3_数据类型.html
  4. 1 0
      JS/index.js

+ 32 - 0
JS/1_index.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>
+  <style>
+    #div1{
+      width: 200px;
+      height: 200px;
+      background: aqua;
+    }
+  </style>
+</head>
+<body>
+  <div id="div1">
+    123
+  </div>
+  <script>
+    // console.log(666)
+
+    // alert('请点击关闭')
+
+    // var div1 = document.getElementById('div1')
+    // div1.onclick = function(){
+    //   console.log('我是div1')
+    // }
+  </script>
+  <script src="./index.js"></script>
+</body>
+</html>

+ 47 - 0
JS/2_变量.html

@@ -0,0 +1,47 @@
+<!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 xx;
+    //赋值
+    xx = 99
+    //输入变量的名称  在浏览器端查看这个变量的值
+    console.log(xx)
+    // console.log(XX)
+
+    /* 
+      1.变量必须要以字母开头
+      2.变量可以包括字母、数字、下划线或者美元符号$
+      3.变量可以以_ $ 作为开头但是不建议这么做
+      4.变量对于大小写敏感
+    */
+
+    // var a = '99' // string
+
+    var a = 111;  //number 数字
+    var B = 222;
+    console.log(B)
+    console.log(a)
+
+    var c = '我是小明 b,。dsuy%&*(%……#' //string 字符串
+    console.log(c)
+
+    var d = true  //boolean   布尔值  只有两个值 true false
+    console.log(d)
+    
+    var e ;  //undefined
+    console.log(e)
+
+    console.log(f)
+
+    //null
+  </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 null undefined
+
+    var a = 123;
+    b = a
+    console.log(b)
+
+    // console.log(c)
+    c = 22
+    
+    console.log(d)
+    var d = 30
+
+    var k = 123
+    k = '小明'
+    console.log(k)
+    k = true
+    console.log(k)
+    k = undefined
+    console.log(k)
+  </script>
+</body>
+</html>

+ 1 - 0
JS/index.js

@@ -0,0 +1 @@
+console.log('我是js文件')