<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="按钮" id="btn">
<script>
// 先有按钮，才能获取，获取之后才能注册事件
// 根据ID属性的值从文档中获取这个元素
var btnObj=document.getElementById("btn");
//为当前的这个按钮元素（对象），注册点击事件，添加事件处理函数（匿名函数）
btnobj1.onclick=function () {
//响应做的事情
alert("haha");
};
</script>
</body>
//如果js事件放在HTML按钮代码之前，则报错，Uncaught TypeError:cannot set property 'onclick' of null
但是这个报错描述不准确，主要原因是（js事件放在HTML按钮代码之前）