JS 示例 - JavaScript

简介

JavaScript（缩写为 JS）是一种高级的、解释型的编程语言，广泛用于网页开发。它是一门动态类型、面向对象的语言，并且支持事件驱动编程。

示例代码

以下示例代码演示了一些常见的 JavaScript 代码片段。

输出 "Hello, World!"

console.log("Hello, World!");

变量和数据类型

// 声明一个变量并赋值
let message = "Hello, World!";

// 输出变量的值
console.log(message);

// 改变变量的值
message = "Hello, JavaScript!";

// 输出变量的新值
console.log(message);

// 声明和初始化一个常量
const pi = 3.14;
console.log(pi);

// 数字类型
let count = 10;
console.log(count);

// 字符串类型
let name = "John";
console.log(name);

// 布尔类型
let isTrue = true;
console.log(isTrue);

// 数组类型
let colors = ["red", "green", "blue"];
console.log(colors);

// 对象类型
let person = {
  name: "John",
  age: 30,
  isEmployed: true
};
console.log(person);

条件语句

let age = 18;

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

循环

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

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

// do while 循环
let j = 0;
do {
  console.log(j);
  j++;
} while (j < 5);

函数

// 定义一个函数
function greet(name) {
  console.log("Hello, " + name + "!");
}

// 调用函数
greet("John");

DOM 操作

// 获取元素
let heading = document.getElementById("heading");

// 修改元素的文本内容
heading.textContent = "Hello, World!";

// 修改元素的样式
heading.style.color = "blue";

总结

以上是一些常见的 JavaScript 示例代码。JavaScript 可以用于实现交互式网页，为网页添加动态效果和功能。深入学习 JavaScript 可以让你更好地掌握网页开发的技巧和工具。