可以灵活地将JavaScript代码包含在HTML文档中的任何位置。但是，在HTML文件中包含JavaScript的最优选方式如下-

• … 部分中的脚本。

• … 部分中的脚本。

• … 和 … 部分中的脚本。

• 在外部文件中编写脚本，然后将其包含在 … 部分中。

在下一节中，我们将看到如何以不同方式将JavaScript放置在HTML文件中。

… 部分中的JavaScript

如果您想让脚本在某些事件上运行，例如当用户单击某处时，则可以将该脚本放在头部，如下所示：

此代码将产生以下结果-

… 部分中的JavaScript

如果您需要一个脚本来在页面加载时运行，以便该脚本在页面中生成内容，那么该脚本将进入文档的部分。在这种情况下，您将不会使用JavaScript定义任何函数。看一下下面的代码。

      
      
This is web page body 
   

此代码将产生以下结果-

和部分中的JavaScript

您可以将JavaScript代码完全放在和部分中，如下所示-

此代码将产生以下结果-

外部文件中的JavaScript

当您开始更广泛地使用JavaScript时，您可能会发现在某些情况下会在网站的多个页面上重复使用相同的JavaScript代码。

您不受限于在多个HTML文件中维护相同的代码。脚本标签提供了一种机制，允许您将JavaScript存储在外部文件中，然后将其包含到HTML文件中。

这是一个示例，说明如何使用脚本标签及其src属性在HTML代码中包含外部JavaScript文件。

   
   
   
      .......
   

要从外部文件源使用JavaScript，您需要将所有JavaScript源代码写在扩展名为“ .js”的简单文本文件中，然后如上所示包含该文件。

例如，您可以将以下内容保留在filename.js文件中，然后在包含filename.js文件后在HTML文件中使用sayHello函数。

function sayHello() {
   alert("Hello World")
}