bailing hace 1 semana
padre
commit
5855f30d2d
Se han modificado 3 ficheros con 96 adiciones y 0 borrados
  1. 27 0
      6.html5/5.属性.html
  2. 53 0
      6.html5/6.json.html
  3. 16 0
      6.html5/7.深克隆.html

+ 27 - 0
6.html5/5.属性.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>
+    <!-- 
+        给元素自定义属性:
+            设置:
+                1.dom.dataset.属性名 = ’属性值‘
+                2.dom.setAttribute('属性名','’属性值‘')
+            读取:
+                1.dom.dataset.属性名
+                2.dom.getAttribute("属性名")
+    -->
+    <div id="box">这是一个盒子</div>
+    <script>
+        var box = document.getElementById("box");
+        box.dataset.age = 10;
+        box.setAttribute('color','red')
+        console.log(box.dataset.age)
+        console.log(box.getAttribute("color"),'颜色')
+    </script>
+</body>
+</html>

+ 53 - 0
6.html5/6.json.html

@@ -0,0 +1,53 @@
+<!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 obj = {
+        //     name:'Tom'
+        // }
+        // json对象
+        /**
+         * var 名字 = '{"属性名":“属性值”}'
+         * 注意:单引包双引 或者 双引包单引
+        */
+    //    var  a = 1;
+    //    console.log(a)
+
+    //     var obj1 = '{"name":"Jerry"}'
+    //     var obj2 = "{'name':'Jerry'}"
+        // 将json对象如何转成js对象
+        // var newObj1 = JSON.parse(obj1);
+        // console.log(newObj1,'新的')
+
+        // 将js对象转成json对象
+        // var newObj = JSON.stringify(obj);
+        // console.log(newObj,'对象');
+
+
+        /**
+         * 浅拷贝:将一个变量的值赋给另一个变量, 修改其中的一个变量 原有变量会发生改变
+         * 深拷贝:将一个变量的值赋给另一个变量, 修改其中的一个变量 原有变量不会发生改变
+         */
+
+         var obj = {
+            aa:11,
+            bb:22,
+            cc:33
+        }
+
+        var obj1 = JSON.stringify(obj);
+        
+        obj1 = '{"aa":55,"bb":22,"cc":33}'
+
+        console.log(obj);
+        console.log(obj1);
+
+
+    </script>
+</body>
+</html>

+ 16 - 0
6.html5/7.深克隆.html

@@ -0,0 +1,16 @@
+<!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 person = {
+            name:"图图",
+            age:3
+        }
+    </script>
+</body>
+</html>