快速入门JavaScript，直击要点爽快

　JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中：

word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(250, 250, 250);">    ...

由

包含的代码就是JavaScript代码，它将直接被浏览器执行。

第二种方法是把JavaScript代码放到一个单独的

引入这个文件：

    ...

这样，/static/js/abc.js就会被浏览器执行。

把JavaScript代码放入一个单独的.js文件中更利于维护代码，并且多个页面可以各自引用同一份

可以在同一个页面中引入多个.js文件，还可以在页面中多次编写

，浏览器按照顺序依次执行。

有些时候你会看到

但这是没有必要的，因为默认的type就是JavaScript，所以不必显式地把type指定为JavaScript。

如何编写JavaScript

　　如何运行JavaScript

　　要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让浏览器加载该HTML页面，就可以执行JavaScript代码。

　　你也许会想，直接在我的硬盘上创建好HTML和JavaScript文件，然后用浏览器打开，不就可以看到效果了吗?

　　这种方式运行部分JavaScript代码没有问题，但由于浏览器的安全限制，以file://开头的地址无法执行如联网等JavaScript代码，最终，你还是需要架设一个Web服务器，然后以http://开头的地址来正常执行所有JavaScript代码。

　　不过，开始学习阶段，你无须关心如何搭建开发环境的问题，我们提供在页面输入JavaScript代码并直接运行的功能，让你专注于JavaScript的学习。

　　试试直接点击“Run”按钮执行下面的JavaScript代码：

　　// 以//开头直到行末的是注释，将被浏览器忽略

　　// 第一个JavaScript代码:

　　Run

　　浏览器将弹出一个对话框，显示“Hello, world”。你也可以修改两个单引号中间的内容，再试着运行。

　　调试

　　俗话说得好，“工欲善其事，必先利其器。”，写JavaScript的时候，如果期望显示ABC，结果却显示XYZ，到底代码哪里出了问题?不要抓狂，也不要泄气，作为小白，要坚信：JavaScript本身没有问题，浏览器执行也没有问题，有问题的一定是我的代码。

　　如何找出问题代码?这就需要调试。

　　怎么在浏览器中调试JavaScript代码呢?

　　首先，你需要安装Google Chrome浏览器，Chrome浏览器对开发者非常友好，可以让你方便地调试JavaScript代码。从这里下载Chrome浏览器。打开网页出问题的童鞋请移步国内镜像。

　　安装后，随便打开一个网页，然后点击菜单“查看(View)”-“开发者(Developer)”-“开发者工具(Developer Tools)”，浏览器窗口就会一分为二，下方就是开发者工具：

　　先点击“控制台(Console)“，在这个面板里可以直接输入JavaScript代码，按回车后执行。

　　要查看一个变量的内容，在Console中输入console.log(a);，回车后显示的值就是变量的内容。

　　关闭Console请点击右上角的“×”按钮。请熟练掌握Console的使用方法，在编写JavaScript代码时，经常需要在Console运行测试代码。

　　如果你对自己还有更高的要求，可以研究开发者工具的“源码(Sources)”，掌握断点、单步执行等高级调试技巧。

　　练习

　　打开新浪首页，然后查看页面源代码，找一找引入的JavaScript文件和直接编写在页面中的JavaScript代码。然后在Chrome中打开开发者工具，在控制台输入console.log('Hello');，回车查看JavaScript代码执行结果。