<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script>
//当页面加载完成后才执行window.onload里面的函数
window.onload = function () {
var oBtn = document.getElementById('btn1');
oBtn.onclick = function () {
alert('a');
};
};
</script>
</head>
<body>
<input id="btn1" type="button" value="按钮" />
</body>
</html>
行为 样式 结构三者分离
JS CSS HTML
简单来说：别加行间样式 别加行间的JS事件