Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
lovecoding
/
class
10
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

js基础

e 1 жил өмнө
parent
8c9dcf02e4
commit
a7acc42332
4 өөрчлөгдсөн 107 нэмэгдсэн , 4 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 20 0
      js/BOM/1.BOM.html
  2. 48 0
      js/BOM/2.定时器.html
  3. 4 4
      js/js基础/19.字符串的方法.html
  4. 35 0
      js/js基础/20.数据类型.html

+ 20 - 0
js/BOM/1.BOM.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>
 
+</head>
 
+<body>
 
+    <script>
 
+        /**
 
+         *  Js:
 
+         * Js基础
 
+         * BOM 浏览器对象模型
 
+         * DOM:文档对象模型
 
+         * ES:es6<es8 es10 es2015>
 
+         * /
 
+        // Browser Object Model (BOM)
 
+    </script>
 
+</body>
 
+</html>

+ 48 - 0
js/BOM/2.定时器.html
Файл харах 

@@ -0,0 +1,48 @@
 
+<!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>
 
+    <button id="btn1">按钮一</button>
 
+    <button id="btn2">按钮二</button>
 
+    <button id="btn4">停止</button>
 
+    <script>
 
+        // 根 document
 
+        // 获取id名字标签
 
+      var btn1 =  document.getElementById("btn1");
 
+      var btn2 =  document.getElementById("btn2");
 
+      var btn4 =  document.getElementById("btn4");
 
+      var c = null;
 
+      // 点击按钮一 声明变量值每秒都加一
 
+      // 定时器：在规定的时间内执行...操作
 
+    //   格式：setInterval(function(){},1000)
 
+    // clearInter()
 
+    btn1.onclick = function(){
 
+    var a = 1;
 
+    var b = setInterval(function() {
 
+        a++;
 
+        console.log(a)
 
+        if(a >= 10) {
 
+            clearInterval(b);
 
+        }
 
+    },1000)
 
+    }
 
+    btn2.onclick = function() {
 
+        // 点击按钮二 五秒后弹出弹框
 
+        // 延时器
 
+        // 格式 setTimeout(function() {},1000);
 
+        // 清除延时器  clearTimeout
 
+     c = setTimeout(function() {
 
+            alert("出现了")
 
+        },5000)
 
+    }
 
+    btn4.onclick = function() {
 
+        clearTimeout(c);
 
+        console.log("清除了")
 
+    }
 
+    </script>
 
+</body>
 
+</html>

+ 4 - 4
js/js基础/19.字符串的方法.html
Файл харах 

@@ -40,8 +40,8 @@
 
         // 8.substr
 
         // 8.substr
 
         // 一个值：从当前下标位置截取到最后 与slice相同
 
         // 一个值：从当前下标位置截取到最后 与slice相同
 
         // console.log(str5.substr(-5));  
         // console.log(str5.substr(-5));  
-        // 两个值：第一个值 代表着从那个位置开始截取  第二值代表截取到的那个下标
 
-        // console.log(str5.substr(1,6));  
+        // 两个值：第一个值 代表着从那个位置开始截取  第二值代表截取到的长度
 
+        console.log(str5.substr(2,6));  
 
 
         // 9.substring
 
         // 9.substring
 
         // 一个值：从当前下标位置截取到最后 不可以使用负值
 
         // 一个值：从当前下标位置截取到最后 不可以使用负值
 
@@ -56,10 +56,10 @@
 
         // console.log(str5.split(","))
 
         // console.log(str5.split(","))
 
 
 
         // 12.chatAt 查找指定下标的字符
 
         // 12.chatAt 查找指定下标的字符
 
-        console.log(str5.charAt(10));
 
+        // console.log(str5.charAt(10));
 
 
 
         // 13.length 长度
 
         // 13.length 长度
 
-        console.log(str5.length);
 
+        // console.log(str5.length);
 
 
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 35 - 0
js/js基础/20.数据类型.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>
 
+        /**
 
+         *  js数据类型
 
+         * 基本数据类型: boolean null undefined number string 
+         * 引用数据类型:Object function array 
+         * 堆：用户进行分配 放置引用数据类型
 
+         * 栈：系统自动分配 放置基本数据类型类型  引用数据类型类型的指针
 
+        */
 
+        // console.log(typeof(null)); 
+        var a = 5;
 
+        b = a;
 
+        b = 25;
 
+        console.log(a,'a')
 
+
 
+
 
+        var obj = {
 
+            a: 10,
 
+            b: 12,
 
+            c: 16
 
+        }
 
+        var obj1 = obj;
 
+        obj1.a = 24;
 
+        console.log(obj.a,'obj');
 
+
 
+    </script>
 
+</body>
 
+</html>