HTML5权威指南
上QQ阅读APP看书,第一时间看更新

5.1 准备使用JavaScript

在HTML文档中定义脚本有几种方法可供选择。既可以定义内嵌脚本(脚本是HTML文档的一部分),也可以定义外部脚本(脚本包含在另一个文件中,通过一个URL引用)。这两种方法都要用到script元素(详见第7章)。简洁起见,本章使用的是内嵌脚本。代码清单5-1所示为这种脚本的一个例子。

代码清单5-1 一段简单的内嵌脚本

        <! DOCTYPE HTML>
        <html>
            <head>
              <title>Example</title>
            </head>
            <body>
<script type="text/javascript">
document.writeln("Hello");
</script>
            </body>
        </html>

这段小脚本的作用是在文档中加入单词Hello。script元素位于文档中其他内容之后,这样一来在脚本执行之前浏览器就已经对其他元素进行了解析。第7章会解释为什么这样做很重要(以及如何对脚本的执行加以控制)。

提示

出于简洁考虑,本书介绍JavaScript时使用的许多例子用document.writeln方法显示脚本的结果。这个方法的作用只是在HTML文档中加入一行文字。第26章对Document对象及其writeln方法有更多介绍。

图5-1显示了这个例子在浏览器中显示的结果。

图5-1 用JavaScript向HTML文档中添加内容

本章后面不再使用屏幕截图,只显示一些例子的结果。例如,代码清单5-1的输出结果会显示如下:

        Hello

有些结果的格式会作一些处理,以便阅读。后面各节将要介绍JavaScript语言的核心特性。有现代语言编程经验的读者会发现JavaScript的语法和风格看起来很熟悉。