JavaScript 中的函数和事件是两个重要的概念,它们用于实现代码的组织、重用和响应用户操作等。下面分别介绍 JavaScript 函数和事件:
函数
函数是 JavaScript 中的一段可重用的代码块,用于执行特定的任务或操作。它可以接受参数并返回值。定义函数的语法如下:
function functionName(parameter1, parameter2, ...) {
// 函数体,执行特定的任务
return result; // 可选,返回结果
}
functionName
是函数的名称。parameter1
,parameter2
, … 是函数的参数,可以根据需要传递给函数。- 函数体内包含了实现特定任务的 JavaScript 代码。
return
语句可选,用于返回函数执行的结果。
下面是一个简单的函数示例:
function add(a, b) {
return a + b;
}
var sum = add(2, 3); // 调用函数并存储返回值
console.log(sum); // 输出结果: 5
事件
事件是指用户在浏览器中执行的动作,如点击按钮、移动鼠标、键盘输入等。JavaScript 可以通过事件处理程序来响应这些事件。常见的事件包括 click、mouseover、keydown 等。
可以使用以下两种方式来注册事件处理程序:
- HTML 内联事件处理程序:
<button onclick="myFunction()">Click me</button>
- JavaScript 中的事件监听器:
var button = document.getElementById('myButton');
button.addEventListener('click', myFunction);
function myFunction() {
alert('Button clicked!');
}
以上代码分别演示了两种注册事件处理程序的方式:通过在 HTML 元素上直接添加 onclick
属性,以及使用 addEventListener
方法在 JavaScript 中添加事件监听器。
总结
JavaScript 函数和事件是编写动态交互性网页的基础。函数用于将代码组织成可重用的模块,而事件用于响应用户的操作。通过结合使用函数和事件,可以实现丰富的网页交互效果。
![](https://www.52w3school.com/wp-content/uploads/2024/03/7-1.png)