本文介绍如何使用JavaScript通过动态方式为HTML元素绑定事件处理程序。具体示例展示了如何为按钮元素添加点击事件监听器，并在点击时弹出提示框。
1index.html 文件
<!DOCTYPE html>
<html long="zh-cn">
<head>
<meta charset="utf-8">
<title>JavaScripe程序开发</title>
<scripttype="text/javascript" src="5.js"></script>
</head>
<body>
<!--要想设置图形的宽度，属性后面一定要加style="width:100px" 一定要加px， 没有px 不起作用 -->
<!-- <img src="Koala.jpg" id= "mypid"style="width:100px"> -->
<buttonid="mybut">PUSH ME</button>
</body>
</html>
2 5.js 文件
//动态事件绑定:
function fun() {
alert("按钮被点击了");
}
window.onload= function() //为onload事件绑定处理
{
//在javaScripe 中，所有的元素实际上都属于对象，
//要想取得对象，则可以使用document.getElenentById("ID名称")
//取得ID为mybut对象
var objc= document.getElementById("mybut");
if(objc != undefined){ //表示此对象已经明确存在
//对象.addListenerEvent(事件类型，处理函数，false)
//动态绑定事件时，不要再加"on";
objc.addEventListener("click", function(){fun()}, false);
}
}
扫一扫
351
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
