两种方式:
1.在元素上注册;
2.动态注册
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
//直接定义的方法为window对象的方法
function showValue() {
alert(this.value);
};
</script>
</head>
<body>
<!--在元素上注册事件 如果将事件注册到一个方法,无法拿到该dom对象-->
<input type="button" name="btn" id="btn" value="显示" οnclick="alert(this.value);" />
<br />
<!--动态注册-->
<!--推荐使用该种方式
好处:1.html和js的分离,2.可以用this-->
<input type="button" name="btn2" id="btn2" value="显示2" />
<script>
document.getElementById('btn2').onclick = function () {
alert(this.value);
}
</script>
</body>
</html>