1.4 在HTML文档中嵌入JavaScript代码的方法_JavaScript+jQuery网页特效设计任务驱动教程（第2版）-QQ阅读女生仙侠网

上QQ阅读APP看书，第一时间看更新

微课

在HTML文档中嵌入JavaScript代码的方法

HTML中的JavaScript脚本必须位于<script>与</script>标签之间，脚本可被放置在HTML页面的<body>或<head>部分中，或者同时存在于两个部分中。通常的做法是把函数放入<head>部分中，或者放在页面底部，这样就可以把它们安置到同一位置，不会干扰页面的内容。

JavaScript代码嵌入HTML文档的形式有以下几种。

（1）在<head>部分添加JavaScript脚本

将JavaScript脚本置于head部分，使之在其余代码之前装载，快速实现其功能，并且容易维护。有时在<head>部分定义JavaScript脚本，在<body>部分调用JavaScript脚本。

（2）直接在<body>部分添加JavaScript脚本

由于某些脚本程序在网页中特定部分显示其效果，此时脚本代码就会位于<body>中的特定位置。也可以直接在HTML表单的<input>标签内添加脚本，以响应输入元素的事件。

（3）链接JavaScript脚本文件

引用外部脚本文件，应使用<script>标签的src属性来指定外部脚本文件的URL。这种方式可以使脚本得到重复利用，从而降低维护的工作量。

外部JavaScript文件是最常见的包含JavaScript代码的方式，其主要原因有以下几点。

①HTML页面中代码越少，搜索引擎就能够以越快的速度来抓取网站并建立索引。

②保持JavaScript代码和HTML的分离，这样代码显得更清晰，且最终更易于管理。

③因为可以在HTML代码中包含多个JavaScript文件，因此可以把JavaScript文件分开放在Web服务器上不同的文件目录结构中，这类似于图像的存放方式，是一种更容易管理代码的做法。清晰、有条理的代码始终是让网站管理变容易的关键。