下面我们先看一下怎么样在网页上使用 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