<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="点击" id="btn"/> <script> var ele= document.getElementById('btn'); ele.addEventListener('click',function(){ alert('欢迎回归'); }) </script> </body> </html>
//更改script标签的位置,script标签写在body标签内所有内容的最后面,内容在前,样式在后。document对应的是JS中的DOM
部分,如果放在内容之前,渲染时,样式找不到内容,可能会报错。