Javascript
JavaScript
JavaScript 是一种运行在浏览器中的脚本语言,用于实现网页的交互功能。它可以让网页“动起来”,例如响应用户输入、操作DOM(文档对象模型)、发送和接收数据等。
1. JavaScript 的作用
- 交互功能:实现按钮点击、表单验证、动态内容更新等。
- DOM 操作:动态修改HTML元素的属性、内容和样式。
- 事件处理:监听和响应用户操作(如点击、键盘输入、鼠标移动等)。
- 异步通信(AJAX):在不刷新页面的情况下与服务器通信,实现动态加载数据。
- 框架和库:通过Vue.js、React.js、jQuery等框架和库,简化开发流程。
2. JavaScript 的基本语法
JavaScript 是一种基于对象的语言,支持函数式编程和面向对象编程。以下是基本语法:
1
2
3
4
5
6
7
8
9
10
11
12
13 | // 变量声明
let name = "Kimi";
const age = 25;
// 函数定义
function greet() {
alert("Hello, world!");
}
// 事件监听
document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked!");
});
|
3. 示例代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 示例</title>
</head>
<body>
<button id="myButton">Click me</button>
<script>
// 获取按钮元素
const button = document.getElementById("myButton");
// 添加点击事件监听
button.addEventListener("click", function() {
alert("Button clicked!");
});
</script>
</body>
</html>
|
在这个示例中,JavaScript 为按钮添加了一个点击事件,点击按钮后会弹出一个对话框。