将JavaScript直接放入包含网页HTML的文件中非常适合学习JavaScript时使用的短脚本。然而，当您开始创建脚本来为您的网页提供重要功能时，JavaScript的数量可能会变得非常庞大，而直接在网页中包含这些大型脚本会导致两个问题：如果JavaScript占据了页面的内容大多数情况下，它会影响您的网页在各种搜索引擎中的排名。这减少了使用关键字和短语来识别内容的频率；这使得在网站的多个页面上重用相同的JavaScript功能变得更加困难。每次您想在不同的页面上使用它时，您都需要将其复制并插入到每个附加页面中，以及新位置所需的任何更改。如果我们让JavaScript独立于使用它的网页会更好。选择要移动的JavaScript代码幸运的是，HTML和JavaScript的开发人员已经为这个问题提供了解决方案。我们可以将我们的JavaScript移出页面并仍然保持它的功能完全相同。我们需要做的第一件事是在使用它的页面之外创建JavaScript代码，即选择实际的JavaScript代码本身（不包括周围的HTML脚本标签）并将其复制到一个单独的文件中。例如，如果以下脚本在我们的页面上，我们将选择并复制粗体部分：曾经有一种做法是将JavaScript放在HTML文档的注释标记中，以防止旧浏览器显示代码；然而，新的HTML标准规定，浏览器应该自动将HTML注释标签内的代码视为注释，这会导致浏览器忽略你的Javascript。如果您从其他人那里继承了HTML页面，并在评论标签中添加了JavaScript，那么您不需要在您选择和复制的JavaScript代码中包含这些标签。例如，您只需复制粗体代码，省略以下代码示例中的HTML注释标签：将JavaScript代码另存为文件选择要移动的JavaScript代码后，将其粘贴到新文件中。为文件命名以暗示脚本的作用或标识脚本所属的页面。给文件一个.js后缀，这样你就知道文件包含JavaScript。例如，我们可以使用hello.js作为文件名来保存上面示例中的JavaScript。链接到外部脚本现在我们已经将JavaScript复制并保存到一个单独的文件中，我们需要做的就是在我们的HTML网络文档中引用外部脚本文件。首先，删除脚本标签之间的所有内容：这不会告诉页面运行什么JavaScript，因此我们接下来需要向脚本标签本身添加一个额外的属性，告诉浏览器在哪里可以找到脚本。我们的示例现在看起来像这样：src属性告诉浏览器应该从中读取页面JavaScript代码的外部文件的名称（在我们上面的示例中，它是hello.js）。您不必将所有JavaScript都放在与HTML网络文档相同的位置。您可能希望将它们放入单独的JavaScript文件夹中。在这种情况下，您只需修改src属性中的值以包含文件的位置。您可以为JavaScript源文件的位置指定任何相对或绝对网址。您现在可以将您编写的任何脚本或从脚本库中获取的脚本，并将其从您的HTML网页代码移动到外部引用的JavaScript文件中。然后，您可以通过添加调用脚本文件的适当HTML脚本标记从任何网页访问脚本文件。
