知识小屋

← 返回首页

JavaScript入门教程 - Web开发必备技能

JavaScript是Web前端开发的核心语言,几乎所有的网页交互都由JavaScript实现。本文将带领你快速入门JavaScript。

为什么学习JavaScript?

第一个JavaScript程序

<script>
    alert("Hello, World!");
</script>
            

变量和数据类型

// 变量声明
let name = "张三";
const age = 25;
var isStudent = true;

// 数据类型
let str = "字符串";
let num = 123;
let bool = true;
let arr = [1, 2, 3];
let obj = {name: "李四"};
            

函数

// 函数声明
function greet(name) {
    return "你好," + name;
}

// 箭头函数
const add = (a, b) => a + b;
            

DOM操作

// 获取元素
const element = document.getElementById("myId");

// 修改内容
element.innerHTML = "新内容";

// 添加事件
element.addEventListener("click", function() {
    alert("点击了!");
});
            

条件语句和循环

// if条件
if (age >= 18) {
    console.log("成年人");
} else {
    console.log("未成年人");
}

// for循环
for (let i = 0; i < 5; i++) {
    console.log(i);
}
            

下一步学习

总结

JavaScript是Web开发的核心,从简单的网页交互开始,逐步深入,你一定能掌握这门强大的语言!