4.事件

EventTarget接口:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget

Event 接口:https://developer.mozilla.org/en-US/docs/Web/API/Event

//目录结构
demo/
  index.html
  script.js

//index.html
<!doctype html>
<html>
  <body>
    <p id="demo">Hello</p>
    <button type="button" id="myBtn">Click</button>
    <script src="script.js"></script>
  </body>
</html>

//script.js
function sayHello() {
  document.getElementById("demo").innerHTML = "Hello World";
}

let btn = document.getElementById("myBtn");
btn.addEventListener("click", sayHello);

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/javascript/htmlcss/38431.html

huoxiaoqiang的头像huoxiaoqiang

发表回复

登录后才能评论
分享本页
返回顶部