Skip to content

JavaScript

JavaScript 是一种脚本语言,主要用于 Web 开发。它可以在客户端浏览器中执行,用于创建动态网页内容。JavaScript 脚本可以直接嵌入到 HTML 中,也可以作为外部文件引入。

更多信息请参考:MDN JavaScript 指南

引入方式

JavaScript 可以通过以下方式引入到 HTML 中:

  1. 外部脚本:使用 <script> 标签的 src 属性引入外部 .js 文件。推荐方式。

    html
    <script src="script.js"></script>
  2. 内部脚本:在 HTML 文档中直接使用 <script> 标签编写代码。

    html
    <script>
        console.log("Hello, World!");
    </script>

基础语法

变量声明

JavaScript 有三种声明变量的方式:

  • var:函数作用域(老旧方式,不推荐)。
  • let:块级作用域(推荐用于可变变量)。
  • const:块级作用域(推荐用于常量)。
javascript
let name = "Alice";
const age = 30;

数据类型

常见的数据类型包括:

  • String:字符串,如 "Hello"
  • Number:数字,如 42, 3.14
  • Boolean:布尔值,truefalse
  • Array:数组,如 [1, 2, 3]
  • Object:对象,如 { name: "Alice", age: 30 }
  • NullUndefined

函数

函数是执行特定任务的代码块。

javascript
function greet(name) {
    return "Hello, " + name + "!";
}

// 箭头函数 (ES6)
const greetArrow = (name) => {
    return `Hello, ${name}!`;
};

示例:简单的 DOM 操作

以下示例展示了如何使用 JavaScript 修改 HTML 内容:

html
<!DOCTYPE html>
<html>
<body>

<h1 id="demo">原来的标题</h1>
<button onclick="changeText()">点击修改标题</button>

<script>
function changeText() {
    document.getElementById("demo").innerHTML = "标题已被修改!";
    document.getElementById("demo").style.color = "red";
}
</script>

</body>
</html>