下面我们先看一下怎么样在网页上使用 JavaScript .. 如果想在网页上使用 JavaScript 代码 … 可以先输入一组 script .. 标签 .. 在这组标签里，再去输入一些 JavaScript 的代码 …

浏览器在显示网页的时候，看到有 <script> 标签 … 就会去执行它里面的代码 ..

如果在你的应用里需要很多 JavaScript 代码 … 一般我们会去为它单独创建一些扩展名是 .js 的文件 .. 再把文件链接到网页上 …

在这里，我们可以去新建一个文件 … 命名为 script.js ..

然后回到网页上 ... 使用这样的形式去链接脚本文件。输入 script:src … src 这个属性里的东西就是脚本文件的地址 ..

再打开这个脚本文件 .. 可以在里面可以输入 JavaScript 的代码 …

用一个简单的 alert(’Hello’);

这行代码会在加载页面以后显示一个 Hello 的提示窗口 .. 在浏览器打开这个网页去看一下 .. .

打开以后，会弹出这个提示的窗口 …

(#script.js)

在调试应用的时候，我们经常会用到 console.log() … 它可以在控制台上输出一些东西，这里面说的控制台，就是浏览器开发者工具里的那个控制台。

比如我们可以计算出来结果，或者指定的内容输出到控制台上 … 像这样 …

var words = ‘Hello World’;
console.log(words);

一般来说，一句代码就是单独一行 … 在句子的结尾，要加上一个分号 …

回到浏览器 .. 可以打开控制台 .. 在这个课程里我们会使用 Chrome 浏览器 … 右击点击鼠标 … 审查元素 … 这样可以打开 Chrome 浏览器的开发者工具 ….

这里的 Console，就是我们说的控制台 ...

在这个控制台上，会输出我们指定要在控制台上输出的 words 里面的内容 … Hello World …

打开或者关闭控制台也可以使用快捷键，alt + command + J ... Windows 上应该是 alt + ctrl + J