将 JavaScript 放在 HTML 文档中的什么位置？

正文或头部中的 JavaScript：脚本可以放置在 HTML 页面的正文或头部部分中，也可以放在头部和正文中。

JavaScript in head： JavaScript函数放置在 HTML 页面的 head 部分中，当单击按钮时调用该函数。

例子：

   
      
         function gfg() {
           document.getElementById("demo").innerHTML = "Geeks For Geeks";
         }
      
   
   
      JavaScript in Head
      geeksforgeeks.
      click it
   

输出：
在点击按钮之前

点击按钮后

正文中的 JavaScript： JavaScript函数放置在 HTML 页面的正文部分中，并在单击按钮时调用该函数。
例子：

   
      
         JavaScript in Body
         geeksforgeeks.
         Try it
         
            function gfg() {
              document.getElementById("demo").innerHTML = "Geeks For Geeks";
            }
         
      
   

输出：
在点击按钮之前

点击按钮后

外部 JavaScript： JavaScript 也可以用作外部文件。 JavaScript 文件的文件扩展名为 .js 。要使用外部脚本，请将脚本文件的名称放在脚本标签的 src 属性中。外部脚本不能包含脚本标签。
例子：

   
   
      External JavaScript
      Geeks For Geeks.
      Try it
      
   
   

点击前的输出：

点击后输出：

外部 JavaScript 的优点：

• 缓存的 JavaScript 文件可以加快页面加载速度
• 它使 JavaScript 和 HTML 更易于阅读和维护
• 它将 HTML 和 JavaScript 代码分开