js0004 发表于 2018-12-10 | 阅读次数: 字数统计: 180 | 阅读时长 ≈ 1 1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html> <head> <title>Registering event handlers</title> <style> #first { color: green;} #second { color: red;} </style> </head> <body> <ul id="first"></ul> <script> function addMessage(element, message){ var messageElement = document.createElement("li"); messageElement.textContent = message; element.appendChild(messageElement); } var first = document.getElementById("first"); addMessage(first, "Page loading"); </script> <ul id="second"></ul> <script> document.body.addEventListener("mousemove", function() { //#A var second = document.getElementById("second"); addMessage(second, "Event: mousemove"); }); document.body.addEventListener("click", function(){ //#B var second = document.getElementById("second"); addMessage(second, "Event: click"); }); </script> </body></html> 以上三个是页面构建的过程中 展示的部分测试代码