头部与身体

时间:2016-07-21 14:25:39

标签: javascript order-of-execution

在头部声明变量并在体内使用它之间是否有区别......

       <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>

是否有一种情况,你可能想要在头部而不是身体中声明它们?

1 个答案:

答案 0 :(得分:1)

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

的末尾(最后)

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