Javascript head 中的变量声明 vs body

Question

在 head 中声明一个变量和像这样在 body 中使用它有区别吗....

       <head>
          <script>
             var girlFriendName = "Jennifer Lawrence";
           </script>
       </head>
        <body>
            <script>
             console.log("I wish my girlfriend was " + girlFriendName);
           </script>
        </body>

然后像这样在 body 中声明和使用它..

          <body>
           <script>
             var girlFriendName = "Jennifer Lawrence";
           </script>
            <script>
             console.log("I wish my girlfriend was " + girlFriendName);
           </script>
         </body>

有没有这样的情况，你可能想在头部声明它们而不是 body？

Answer 1

从功能的角度来看没有区别。只是建议将 JS 放在 body.

的（末尾）

这是一个很好的做法，因为它对用户更友好。首先将加载整个 DOM 和 CSS，这将导致页面尽快显示。如果加载 javascript 需要很长时间，那么实际显示可能会推迟或被阻止，并且页面可能会以令人震惊的方式发生变化。本来javascript不影响页面的排版，所以加载晚一点也没关系

Javascript head 中的变量声明 vs body

Javascript variable declaration in head vs body

javascript

order-of-execution