JavaScript 事件的绑定

使用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的按钮时执行匿名函数中的代码。