TL;DR

  • JavaScript 可以直接写在 HTML 页面的<script></script>标签之间,也可以使用src属性引入单独的.js文件。
  • console.log()可以在控制台中输入一段文本信息。
  • 数字(Number)可以是任意数字,可以进行的+-*/等算术运算。
  • 字符串(String)须包围在引号中(可以是单引号,也可以是双引号), 使用加号(+)可以进行字符串拼接。
  • JavaScript 每一条语句以分号结尾(非必须),按照先后顺序执行,空行会被忽略。
  • 注释单行代码://...,注释多行代码:/*...*/

Hello, World

引入 JavaScript

JavaScript 脚本可以放在 HTML 页面上的两个位置:

  • Header Script:<head></head>标签之间
  • Body Script:<body></body>标签之间

内部脚本(Internal Script)

脚本包围在<script></script>标签之间,放在 HTML 页面上:

index.html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<script>
...
</script>
</head>
<body></body>
</html>

外部脚本(External Script)

将脚本放在单独的 JavaScript 文件中,使用script标签的src属性,在 HTML 页面中引入:

index.html
1
2
3
4
5
6
7
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<script src="main.js"></script>
</head>
<body></body>
</html>

JavaScript 作为一种脚本语言可以放在 HTML 页面中任何位置,但是浏览器解释 HTML 时是按先后顺序的,所以前面的 script 就先被执行。

第一行 JavaScript 代码

main.js
1
console.log('Hello, World!');

console.log()这行代码会在控制台输出一条信息,()内为要输出的内容,代码以;结束。

值与类型

JavaScript 常用的两种数据类型:数字字符串

数字(Number)

  • 任意数字,可以是整数,也可以是实数。
  • 主要用于统计,可以进行的+-*/等算术运算。

字符串(String)

  • 一段包围在引号中的一段文本。
  • 引号可以是双引号,也可以是单引号,但必须保持统一,不能混用。
  • 字符串不能像数字一样进行加减运算,但可以使用加号(+)进行字符串拼接。

语法规则

  • JavaScript 对换行、缩进、空格不敏感,每一条语句以分号结尾。
  • 语句按照先后顺序执行,空行会被忽略。

(1) 分号不是必须的
(2) 通常每一条语句一行

注释

单行注释:

1
// this is a comment line

多行注释:

1
2
3
/* A comment
written on
several lines */