一、JavaScript简介
JavaScript是一种轻量级、解释型的脚本语言,它被广泛用于网页开发中,以实现网页的交互效果和动态功能。JavaScript可以与HTML和CSS结合使用,为网页添加交互性和动态效果。
二、JavaScript核心功能
1. 变量和数据类型
JavaScript支持多种数据类型,包括字符串、数字、布尔值、对象、数组和null等。你可以使用var关键字来声明变量,例如:var name = "John";
2. 控制结构
JavaScript支持常见的控制结构,如if语句、for循环、while循环等。例如,下面的代码使用if语句来判断一个数是否为正数:
javascript复制代码
var num = 10;
if (num > 0) {
console.log("The number is positive.");
}
3. 函数
函数是执行特定任务的一组JavaScript代码。你可以使用function关键字来声明函数,例如:
javascript复制代码
function add(a, b) {
return a + b;
}
console.log(add(2, 3)); // Output: 5
4. DOM操作
JavaScript可以用来操作DOM(文档对象模型),例如获取和修改HTML元素。下面的代码使用getElementById方法获取一个元素,并将其文本内容修改为"Hello World":
javascript复制代码
var element = document.getElementById("myElement");
element.textContent = "Hello World";
三、JavaScript基础应用
1. 表单验证
JavaScript可以用来进行表单验证,以确保用户输入的数据符合要求。例如,下面的代码使用if语句来判断用户输入的邮箱是否合法:
javascript复制代码
var email = document.getElementById("email").value;
if (!email.includes("@")) {
alert("Invalid email address.");
}
2. 事件处理
JavaScript可以用来处理各种事件,如点击事件、鼠标移动事件等。例如,下面的代码使用addEventListener方法来处理按钮的点击事件:
javascript复制代码
var button = document.getElementById("myButton");
button.addEventListener("click", function() {
alert("Button clicked.");
});