<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="按钮" id="btn"> <!-- <script src="user1.js"></script> <script src="user2.js"></script> --> <script> var btn = document.getElementById('btn'); // 注册事件的第一种方式 // 无法给同一个对象的同一个事件注册多个事件处理函数 btn.onclick = function () { } btn.onclick = function () { } // 浏览器兼容性问题 IE9以后才支持 btn.addEventListener('click', function () { alert('hello world'); }) btn.addEventListener('click', function () { alert('hello itheima'); }) // 注册事件的第三种方式 attachEvent // 浏览器兼容性问题 IE的老版本特有的方法 IE6-10支持 </script> </body> </html>