使用HTML属性绑定事件: 在HTML元素中使用on属性和事件名称来绑定事件。
<button onclick="myFunction()">点击我</button>
这将在点击按钮时调用名为myFunction的函数。
2:使用DOM属性绑定事件: 可以使用JavaScript代码为DOM元素的事件属性分配一个函数
var button = document.getElementById("myButton");
button.onclick = myFunction;
这将在点击id为myButton的按钮时调用名为myFunction的函数。
3:使用addEventListener绑定事件: 可以使用addEventListener方法来绑定事件
var button = document.getElementById("myButton");
button.addEventListener("click", myFunction);
这将在点击id为myButton的按钮时调用名为myFunction的函数。使用addEventListener方法还可以添加多个事件处理程序。
4:使用匿名函数绑定事件: 可以使用匿名函数来绑定事件
var button = document.getElementById("myButton");
button.onclick = function() {
// 事件处理程序代码
};
这将在点击id为myButton的按钮时执行匿名函数中的代码。