还是三步走:第一步先获取元素,之后绑定操作方式,最后写执行函数
<!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>大家好</div> <script> var nihao = document.querySelector('div'); nihao.onclick = function () { console.log('试一试'); } </script> </body> </html>
事件的作用:
- 下拉菜单
- 轮播图
- 关闭广告等等