<!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事件