执行顺序-头与体中的Javascript变量声明

order of execution - Javascript variable declaration in head vs body

本文关键字：Javascript 变量 声明 顺序 -头 执行      更新时间：2023-09-26

在头中声明变量和在主体中使用变量之间有区别吗…

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

并像这样声明它并在体内使用它…

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

有没有一种情况下，你可能想在头脑中而不是在身体中宣布它们？

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

这是一个很好的练习，因为它对用户更友好。首先，将加载整个DOM和CSS，这将导致页面尽快显示。如果加载javascript需要花费大量时间，那么实际显示可能会被推迟或阻止，页面可能会以令人震惊的方式发生变化。最初javascript不会影响页面的布局，所以稍后加载也没关系。

相关文章：