js由那三部分组成

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);
  • 13
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值