Etusivu Tutki Apua
Kirjaudu sisään
lovecoding
/
W250511
10
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

admin

fengchuanyu 3 viikkoa sitten
vanhempi
aa572de3c8
commit
054878fede
2 muutettua tiedostoa jossa 44 lisäystä ja 0 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 23 0
      4-BOM&DOM/10_DOM事件对象.html
  2. 21 0
      4-BOM&DOM/9_DOM控制样式.html

+ 23 - 0
4-BOM&DOM/10_DOM事件对象.html
Näytä tiedosto 

@@ -0,0 +1,23 @@
 
+<!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 doc = document.documentElement;
 
+
 
+        // 事件对象 事件默认就有的一个参数
 
+        doc.onclick = function(e){
 
+            // 事件对象中包含很多事件相关的属性和方法
 
+            console.log(e);
 
+            // 事件对象中的clientX（横向位置）和clientY（纵向位置）属性 表示鼠标点击的位置
 
+            console.log(e.clientX);
 
+            console.log(e.clientY);
 
+        }
 
+    </script>
 
+</body>
 
+</html>

+ 21 - 0
4-BOM&DOM/9_DOM控制样式.html
Näytä tiedosto 

@@ -0,0 +1,21 @@
 
+<!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>
 
+    <div id="box">
 
+        hello world
 
+    </div>
 
+    <script>
 
+        var oBox = document.getElementById("box");
 
+
 
+        oBox.onclick = function(){
 
+            // 修改html样式
 
+            oBox.style.color = "red";
 
+        }
 
+    </script>
 
+</body>
 
+</html>