javascript基础入门

// 示例代码：简单的 JavaScript 程序，用于在网页上显示消息

// 1. 使用 console.log 输出信息到浏览器的控制台
console.log("Hello, World!");

// 2. 使用 alert 弹出一个警告框，显示消息
alert("欢迎学习 JavaScript!");

// 3. 使用 document.write 在网页中直接输出内容
document.write("这是一个简单的 JavaScript 示例。");

// 4. 定义一个变量并输出它的值
let message = "JavaScript 是一种强大的编程语言。";
console.log(message);

// 5. 使用函数封装一段代码，使其可以重复调用
function greet(name) {
    return "你好，" + name + "!";
}

// 调用函数并输出结果
console.log(greet("张三"));

// 6. 使用事件监听器处理按钮点击事件
let button = document.createElement("button");
button.innerText = "点击我";
button.addEventListener("click", function() {
    alert("按钮被点击了！");
});

// 将按钮添加到页面中
document.body.appendChild(button);

解释说明：

• console.log：用于在浏览器的开发者工具中输出信息，方便调试。
• alert：弹出一个警告框，显示指定的消息。
• document.write：直接在网页中输出内容（注意：通常不推荐使用，因为它会覆盖页面内容）。
• 变量：通过 let 或 const 关键字定义变量，存储数据。
• 函数：将一组操作封装在一个函数中，便于复用和管理。
• 事件监听器：为页面元素（如按钮）添加交互功能，例如点击事件。

以上代码展示了 JavaScript 的一些基础概念和常用功能。