js_为元素动态注册事件

时间:2023-03-08 21:48:05
js_为元素动态注册事件
<head>
<title></title>
<script type="text/javascript">
//window.onload 方法用来判断页面是否加载完成
window.onload = function () {
//添加一个匿名函数
document.getElementById('btn1').onclick = function () {
alert('按钮1被点击了!');
}; document.getElementById('btn2').onclick = function () {
//alert('按钮2被点击了。'); //改变按钮1的单击事件的处理程序
document.getElementById('btn1').onclick = fnClick; //document.getElementById('btn1').onclick = fnClick();//错误!!!!
};
//
document.getElementById('btn3').onclick = function () {
alert(new Date().toLocaleTimeString());
};
}; function fnClick() {
alert('...............................');
} </script>
</head>
<body>
<input type="button" name="name" value="按钮1" id="btn1" />
<input type="button" name="name" value="按钮2" id="btn2" />
<input type="button" name="name" value="点击显示当前时间" id="btn3" />
</body>