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>

 

posted @ 2019-01-08 16:54  锦大大的博客呀!  阅读(607)  评论(0编辑  收藏  举报