将JavaScripts直接放入包含网页HTML的文件中是学习JavaScript时使用的短脚本的理想选择。但是，当您开始创建脚本为您的网页提供重要功能时，JavaScript的数量可能会变得相当大，将这些大型脚本直接包含在网页中会带来两个问题：

• 如果JavaScript占据页面内容的大部分，它可能会影响您的页面在各种搜索引擎中的排名。这降低了识别内容的关键字和短语的使用频率。
• 这使得在网站的多个页面上重用相同的JavaScript功能变得更加困难。每次您想在不同的页面上使用它时，您都需要将其复制并插入到每个附加页面中，以及新位置所需的任何更改。

如果我们让JavaScript独立于使用它的网页，那就更好了。

选择要移动的javascript代码

幸运的是，HTML和JavaScript的开发人员已经为这个问题提供了解决方案。我们可以将Java脚本从网页上移开，使其功能完全相同。

我们需要做的第一件事是在使用JavaScript的页面外部创建一个JavaScript，选择实际的JavaScript代码本身（不包括周围的HTML脚本标记），并将其复制到一个单独的文件中。

例如，如果页面上有以下脚本，我们将选择并复制粗体部分：

var hello='hello World'；document.write（你好）&lt/脚本&gt；

过去有一种做法是将JavaScript放在注释标记内的HTML文档中，以阻止旧浏览器显示代码；然而，新的HTML标准规定浏览器应该自动将HTML注释标记中的代码视为注释，这会导致浏览器忽略您的Javascript。

如果您从其他人那里继承了HTML页面，并且注释标记中包含JavaScript，那么您不需要在选择和复制的JavaScript代码中包含这些标记。

例如，您将只复制粗体代码，而忽略下面代码示例中的HTML注释标记：

<!--var hello='hello World'；document.write（你好）；//--&燃气轮机&lt/脚本&gt；

将javascript代码保存为文件

选择要移动的JavaScript代码后，将其粘贴到新文件中。为该文件指定一个名称，该名称建议脚本执行的操作或标识脚本所属的页面。

给文件一个.js后缀，这样您就知道该文件包含JavaScript。例如，我们可以使用hello.js作为保存上述示例中JavaScript的文件名。

链接到外部脚本

现在我们已经将JavaScript复制并保存到一个单独的文件中，我们所需要做的就是在HTML网页文档中引用外部脚本文件。

首先，删除脚本标记之间的所有内容：

&lt；script type=“text/javascript”&gt&lt/脚本&gt；

这还没有告诉页面要运行什么JavaScript，因此我们接下来需要向脚本标记本身添加一个额外的属性，告诉浏览器在哪里找到脚本。

我们的示例现在如下所示：

&lt；script type=“text/javascript”src=“hello.js”&gt&lt/脚本&gt；

src属性告诉浏览器应该从中读取此网页的JavaScript代码的外部文件的名称（在上面的示例中是hello.js）。

您不必将所有Java脚本放在与HTML网页文档相同的位置。您可能希望将它们放在一个单独的JavaScript文件夹中。在本例中，您只需修改src属性中的值以包含文件的位置。您可以为JavaScript源文件的位置指定任何相对或绝对web地址。

用你所知道的

现在，您可以获取您编写的任何脚本或从脚本库获得的任何脚本，并将其从HTML网页代码移动到外部引用的JavaScript文件中。

然后，只需添加调用该脚本文件的适当HTML脚本标记，即可从任何网页访问该脚本文件。