09-从这里开始

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

1.4　从这里开始

本书将从创建三个文件开始：一个HTML文件、一个CSS文件和一个JavaScript源文件。可以在HTML文件中完成所有事情，然后把JavaScript和CSS文件引入到HTML文件中，这样把内容分离到不同的文件中是有很大好处的。如果读者是一个编程新手，强烈建议你跟着这些说明一步一步来，在本章中将会采取逐步探索形式，这种形式会使学习过程更加便利。

就上例而言，好像为了完成简单的事情做了很多工作，这样做是有原因的。其实也可以用更简单的方式来实现这些，但是这样可能会教给你一些不好的编程习惯。在这里看到的多余步骤以后也会在其他地方重复看到，但是通过这样的步骤，至少可以确保自己学习到了正确的编程方法。

最后需要强调的是，本章是本书中唯一使用ES5（而非ES6）标准编写示例代码的一章，这也是本章最后一个重点所在。这样做是为了兼容那些尚且还不支持ES6的浏览器。在后续章节中，将会讲到如何使用ES6标准编写JavaScript代码，以及如何转换词法使其可以在传统浏览器上运行。之后本书的剩余部分都会使用ES6标准。本章的示例代码都非常简单，即使使用ES5标准来编写也不会有任何困难。

接下来的这个练习，必须确保创建的所有文件都在同一个目录中。建议给这个例子创建一个新目录或者新文件夹，从而确保它不会跟别的文件混在一起。

从JavaScript文件开始，使用文本编辑器创建一个叫作main.js的文件。现在只需要在文件中写入一行代码：

console.log('main.js loaded;')

然后创建一个CSS文件，main.css. 目前不用给这个文件中写入任何代码。

/*Style go here.*/

接下来创建一个叫作index.html的文件：

<!DOCTYPE html>
<html>
    <head>
        <title>My first application</title>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <h1>My first application</h1>
        <p>Welcome to Learning JavaScript, <i>3rd Edition</i>.</p>
        <script src="main.js"></script>
    </body>
</html>

这本书不是一本讲HTML或者网站开发的书，但是很多人学JavaScript都是为了网站开发，所以也会提到一些跟JavaScript相关的HTML知识。一个HTML文档包含两个主要部分：文件头（head）和文件体（body）。文件头包含了一些不会直接显示在浏览器上的信息（但是它会影响那些显示在网页上的信息）。文件体包含了会被浏览器渲染的页面内容。要注意文件头中的内容永远不会显示在浏览器中，而文件体中的内容通常会显示（但是某些类型的元素不会显示的，例如

09-从这里开始

1.4 从这里开始

1.4　从这里开始