script標籤的位置

一、在咱們編寫代碼的時候,會在頁面內使用<script>標籤來寫JS,雖然理論上script標籤的位置放在哪裏能夠,可是仍是有一點區別的。javascript

二、爲何不少人把script標籤放在底部:html

  初學者在學習JS的時候看見不少DEMO裏面的script標籤寫在底部,可是卻不是很清楚爲何,下面來解釋一下:前端

  雖然理論上放在哪裏都是能夠的,可是對於前端頁面優化來說,仍是放在底部是最佳的,由於若是JS執行出現錯誤了,最起碼頁面中的元素還能加載出來,由於DOM文檔是從上往下的順序執行的。 java

三、script標籤在body標籤內仍是外:瀏覽器

  許多人認爲只要放在底部了,不管是「body標籤閉合以前」仍是在「body標籤閉合以後」都是同樣的,其實仍是有差異的,由於從HTML 2.0起放在「body標籤閉合以後」就是不合標準的。之因此可是瀏覽器卻不會報錯,是由於若是在「body標籤閉合以後」後再出現script或任何元素的開始標籤, 都是parse error,瀏覽器會忽略以前的</body>,即視做仍舊在body內。因此實際效果和寫在「body標籤閉合以前」以前是沒有區別的。學習

  因此,只要是讓瀏覽器作了多餘的事都是很差的,雖然差異細微,可是仍是應該按照標準來,放在「body標籤閉合以前」。優化

下面咱們舉個例子:spa

<!DOCTYPE HTML>
<html>
<head>
    <title> </title>
</head>
<body>


<script type="text/javascript"></script>    
</body>
</html>
相關文章
相關標籤/搜索