基础

引入方式

JS 代码同 CSS 一样，有四种引入方式，分别是外部引入、内部代码和 HTML 内联编写在交互式控制台输入。

HTML 内联编写

你可以在 HTML 中直接编写 JavaScript 代码，比如：

<button onclick="javascript:alert(12345)">click here</button>

上面的代码绑定了按钮的点击属性 onclick，这个数据被称作点击事件，值 javascript: 代表点击时执行 JavaScript 代码，alert(12345) 在 JavaScript 会弹出一个提示框，这段代码必须点击按钮才会执行。

注意：这种编写方式并不推荐，它存在很多安全隐患。

内部引入

你可以使用 script 元素来编写 JavaScript 代码，就像使用 style 元素编写 CSS 代码一样，比如：

<script>
  alert(12345);
</script>

上面的代码会立即执行，弹出一个提示框。

外部引入

JavaScript 可以编写到单独的文件当中，后缀名一般使用 .js，通过设置 script 元素的 src 属性引入，比如：

在页面当前文件夹新建 app.js，写入以下代码：

alert(12345);

然后在 HTML 中使用 script 元素引入：

<script src="./app.js"></script>

代码同样会立即执行。

需要注意的是，一个 script 不能同时支持外部引入和内部引入，比如：

<script src="./app.js">
  alert(99999);
</script>

上面的代码中，内部引入的代码会失效。

交互式控制台

你还可以在交互式控制台实时编写 JavaScript 代码，【f12】打开控制台，然后选中 Console 模块，键入 alert(123)，代码依旧会执行。

基本语法

• JS 代码通过 ; 标记一个语句的结束，; 是可以省略的。
• 多余的留白和缩进对代码没有影响。
• JS 代码区分大小写，不像 HTML 一样。

查看下列代码：

<script>
  alert("hello");
</script>

alert 前面可以随意缩进，末尾的分号也可以省略，但是 JS 区分大小写，如果错把 alert 写成 Alert 或者 ALERT，那么程序就会出错。

注释

JS 中有两种注释方式：

• 单行注释：使用 // 来注释单行文本，单行注释仅作用双反斜杠后面的内容
• 多行注释：使用 /**/ 来注释多行文本

示例：

var a = 1;
// 这是一条单行注释
var b = 1;
/* 
这是多行注释
    这是多行注释
        这是多行注释
    这是多行注释
这是多行注释
*/
var c = 1;