HTML中如何给HTML元素添加事件
方法一:
代码示例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>function test(){alert("执行了");}</script></head><body><input type="button" value="按钮" onclick="test()" /></body>
</html>
方法二:
代码示例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><input type="button" value="按钮" id="button" /><script>document.getElementById("button").onclick=function(){alert("执行了");}</script> </body>
</html>
方法三:
代码示例:
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><input type="button" value="按钮" id="button" /><script>document.getElementById("button").addEventListener("click",function(){alert("执行了");})</script></body>
</html>