JavaScript 主要由三部分组成:ECMAScript、DOM(文档对象模型)和 BOM(浏览器对象模型)。
1、ECMAScript
ECMAScript 是 JavaScript 的核心,描述了语言的基本语法(变量、函数、条件语句、循环、运算符等)、类型、语句、关键字、保留字、运算符、对象等基本概念。
示例代码:
// 变量声明
let name = "Alice";
const age = 25;
// 函数
function greet() {
console.log("Hello, " + name);
}
// 条件语句
if (age >= 18) {
console.log(name + " is an adult.");
} else {
console.log(name + " is not an adult.");
}
// 循环
for (let i = 0; i < 5; i++) {
console.log(i);
}
2、DOM(Document Object Model)
DOM 提供了对文档的结构化表示,并定义了一种方式,使程序和脚本能够动态地访问和更新文档的内容、结构和样式。在 JavaScript 中,我们可以通过 DOM 来操作 HTML 或 XML 文档。
示例代码:
// 获取元素
let element = document.getElementById("myElement");
// 修改元素内容
element.innerHTML = "New content";
// 添加事件监听器
element.addEventListener("click", function() {
alert("Element clicked!");
});
// 创建新元素
let newElement = document.createElement("p");
newElement.textContent = "This is a new paragraph.";
document.body.appendChild(newElement);
3、BOM(Browser Object Model)
BOM 提供了独立于任何特定文档的对象,用于浏览器窗口和脚本之间的交互。例如,通过 BOM,我们可以控制浏览器窗口的大小和位置,导航到新的 URL,或者弹出新的浏览器窗口等。
示例代码:
// 获取窗口的宽度和高度
let width = window.innerWidth;
let height = window.innerHeight;
console.log("Window width: " + width + ", height: " + height);
// 打开新的窗口或标签页
window.open("https://www.example.com", "_blank");
// 设置定时器
let timerId = setInterval(function() {
console.log("Timer ticked!");
}, 1000); // 每秒执行一次
// 清除定时器
clearInterval(timerId);