1.3 第一个JavaScript程序
学习JavaScript的最佳方式是进行实际的编程。在本书中，你将会看到很多动手实践的教程，它们带领你一步一步地经过创建JavaScript程序的过程。要开始练习教程，我们需要一个文本编辑器（参见前言的“用于JavaScript编程的软件”部分的介绍）、一个Web浏览器以及位于www.sawmac.com/js2e的练习文件（参见下面的“注意”部分的完整说明）。
注意： 本章的教程需要本书Web站点www. sawmac.com/js2e/上的示例文件。单击 “Download the tutorials files”链接来下载它们（教程文件存储为一个单独的Zip文件）。
Windows用户应该下载Zip文件并且双击它以打开压缩包。单击Extract All Files选项，然后按照Extraction向导的指示解压缩文件，并将其放置到计算机上。Mac用户只需要双击文件就可以解压缩。在下载并解压缩文件之后，计算机上应该有了一个名为MM_JAVASCRIPT2E 的文件夹，其中包含了本书的所有教程文件。
为了让你开始尝试并初步了解JavaScript，第一个JavaScript程序将会非常简单：
1. 在喜欢的文本编辑器中打开文件hello.html。
这个文件放置在从www.sawmac.com/js2e下载的MM_JAVASCRIPT2E目录下的chapter01目录中。这是一个非常简单的HTML页面，拥有一个用来添加一些视觉效果的外部层叠样式表。
2. 单击结束标签之前的空行并录入：
<script>
这段代码实际上是HTML而不是JavaScript。它告知Web浏览器，这个标签之后的内容是JavaScript。
3. 按下返回键换到一个新行，并且录入：
alert('hello world');
我们刚刚输入了第一行JavaScript代码。JavaScript函数alert()是这样的一条命令，它弹出一个警告框并且显示出现在圆括号内的消息，这个例子中的消息是hello world。现在先不要管所有的标点符号（圆括号、引号和分号），在下一章将会了解它们的作用。
4. 再次按下回车键，并且输入。现在的代码应该如下所示：
<link href="../_css/site.css" rel="stylesheet">
<script>
alert('hello world');
</script>
</head>
在这个例子中，刚才输入的内容以粗体显示。文件中已经有了两个HTML标签，确保你输入的代码和刚才展示的完全相同。
5. 启动Web浏览器并打开hello.html 文件进行预览。
Web浏览器弹出一个JavaScript警告框（如图1-2所示）。注意，当警告框出现的时候，这个页面是空白的（如果没有看到图1-2所示的警告框，可能在前面的步骤中输入代码有误。仔细检查你输入的代码并阅读下面的“提示”部分）。
- 单击警告框的OK按钮并关闭它。
当警告框消失的时候，Web页面出现在浏览器窗口中。
提示： 当你第一次开始编程时，可能会对JavaScript如此频繁地根本不工作而感到惊讶。对于程序员新手，不工作的程序的最常见原因只是简单的录入错误。要仔细地检查，确保命令（例如，第一个脚本中的alert）的拼写是正确的。此外，需要注意的是，标点符号通常是成对出现的（例如，第一个脚本中的开始圆括号和结束圆括号以及单引号）。确保在需要使用标点符号的时候，包含了开始的标点符号和结束的标点符号。
尽管第一个程序不是惊天动地般的复杂（甚至没有太多意思），但它确实展示了一个重要的概念：Web浏览器将会在读入JavaScript代码的时候执行JavaScript程序。在这个例子中，alert()命令先出现，然后Web浏览器才显示Web页面，因为JavaScript代码出现在标签中的HTML之前。当开始编写程序操作Web页面的HTML时，这一概念有了用武之地，我们将在第3章学习这一点。
注意： Internet Explorer（IE）不喜欢运行你直接从硬盘打开的Web页面中所包含的JavaScript程序，因为担心这样的JavaScript程序可能会带来某些危害。因此，当你试图在Internet Explorer中预览本书的教程文件时，将会看到一条消息，告诉你IE已经阻止了该脚本。单击“Allow blocked content”来查看该程序的运行效果。这一恼人的行为只是适用于你预览自己的计算机上的Web页面时，当预览存储在Web服务器上的文件时，不会出现这种情况。当你使用本书中的教程时，最好使用Firefox、Chrome或Safari等其他的Web浏览器来预览页面，这样就可以避免在每次浏览页面的时候都需要单击“Allow blocked content”按钮。