更新时间:2022-09-29 12:01:18
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程序将会非常简单:
<script>
这段代码实际上是HTML而不是JavaScript。它告知Web浏览器,这个标签之后的内容是JavaScript。
alert('hello world');
我们刚刚输入了第一行JavaScript代码。JavaScript函数alert()是这样的一条命令,它弹出一个警告框并且显示出现在圆括号内的消息,这个例子中的消息是hello world。现在先不要管所有的标点符号(圆括号、引号和分号),在下一章将会了解它们的作用。
<link href="../_css/site.css" rel="stylesheet">
<script>
alert('hello world');
</script>
</head>
在这个例子中,刚才输入的内容以粗体显示。文件中已经有了两个HTML标签,确保你输入的代码和刚才展示的完全相同。
提示: 当你第一次开始编程时,可能会对JavaScript如此频繁地根本不工作而感到惊讶。对于程序员新手,不工作的程序的最常见原因只是简单的录入错误。要仔细地检查,确保命令(例如,第一个脚本中的alert)的拼写是正确的。此外,需要注意的是,标点符号通常是成对出现的(例如,第一个脚本中的开始圆括号和结束圆括号以及单引号)。确保在需要使用标点符号的时候,包含了开始的标点符号和结束的标点符号。
尽管第一个程序不是惊天动地般的复杂(甚至没有太多意思),但它确实展示了一个重要的概念:Web浏览器将会在读入JavaScript代码的时候执行JavaScript程序。在这个例子中,alert()命令先出现,然后Web浏览器才显示Web页面,因为JavaScript代码出现在