跳转到内容

编程基础/示例介绍 JavaScript

来自维基教科书,开放世界中的开放书籍

JavaScript,通常简称为 JS,是一种高级解释型编程语言。与 HTML 和 CSS 一样,JavaScript 是万维网的三大核心技术之一。JavaScript 使网页具有交互性,因此是 Web 应用程序的重要组成部分。绝大多数网站都使用它,所有主要 Web 浏览器都具有专门的 JavaScript 引擎来执行它。[1]

JavaScript 是目前最流行的编程语言之一[2],是前端 Web 开发的主要编程语言。JavaScript 文件的扩展名为 .js。JavaScript 已在多个平台上实现,并具有不同的 I/O 命令。以下是一些示例。

Hello World – 控制台日志

[编辑 | 编辑源代码]
 // This script displays "Hello world!".
 //
 // References:
 // https://www.digitalocean.com/community/tutorials/how-to-write-your-first-javascript-program
 
 console.log("Hello world!")
Hello world!

每个代码元素代表

  • // 开始注释
  • console.log() 写入 JavaScript 控制台输出日志
  • "Hello world!" 是要显示的字面量字符串

Hello World – 窗口提示

[编辑 | 编辑源代码]
 // This script displays "Hello world!".
 //
 // References:
 // https://www.digitalocean.com/community/tutorials/how-to-write-your-first-javascript-program
 
 alert("Hello world!")
Hello world!

每个代码元素代表

  • // 开始注释
  • alert() 调用窗口提示函数来显示一条消息
  • "Hello world!" 是要显示的字面量字符串

Hello World – 文档写入

[编辑 | 编辑源代码]
 // This script displays "Hello world!".
 //
 // References:
 // https://w3schools.org.cn/jsref/met_doc_write.asp
 document.write("Hello world!")
Hello world!

每个代码元素代表

  • // 开始注释
  • document.write() 将输出写入当前文档
  • "Hello world!" 是要显示的字面量字符串

JavaScript IDE

[编辑 | 编辑源代码]

有许多免费的云端和本地 IDE 可供您开始使用 JavaScript 编码。请咨询您的老师或自行研究以获取推荐。

云端 IDE

[编辑 | 编辑源代码]

本地 IDE

[编辑 | 编辑源代码]

参考资料

[编辑 | 编辑源代码]
华夏公益教科书