15.1.6 外部JavaScript文件的路径不正确
另一种常见的错误是没有正确链接到一个外部JavaScript文件。1.2节介绍了如何把一个外部JavaScript文件添加到一个Web页面。基本上,我们使用<script>标签的src属性来指向文件。因此,在HTML页面中,可以给文档的<head>部分添加一个<script>标签,如下所示:
<script src="site_js.js"></script>
src属性就像一个链接的herf属性一样工作,它定义了到JavaScript文件的路径。正如1.2节中的“快速熟悉:URL类型”部分所介绍的,有3种方式可以指向一个文件:绝对链接(http://www.site.com/site_js.js)、根相对链接(/site_js.js)和文档相对链接(site_js.js)。
文档相对路径描述了Web浏览器如何从当前页面(Web页面)到一个特定的文件。文档相对链接经常使用,因为它允许我们在自己的计算机上测试Web页面和JavaScript文件。如果使用根相对链接,我们将需要在自己的计算机上设置一个Web服务器才能测试页面(或者将页面移动到Web服务器上去测试)。
我们可以在1.2节中的“快速熟悉:URL类型”部分阅读到有关链接路径如何工作的更多信息。但是,简而言之,如果我们发现一个脚本不能工作并且使用了外部JavaScript文件,那么,仔细检查以确保已经为JavaScript文件指定了正确的路径。
提示:如果使用jQuery库并且在Firefox错误控制台中得到了“$is not defined”的错误,我们可能没有正确地链接到jquery.js文件(参见4.3节了解更多信息)。