2011-09-17 158 views
13

每隔一段時間,我都會聽到將HTML <script>標記放在HTML文檔中,而不是在<head>元素中。HTML腳本標記位置?

有些人,或者我聽說過的,甚至主張在</body>之前將腳本作爲最後幾個標籤。

這是由於性能問題?也許裝載了一個腳本阻塞IO操作,考慮到腳本的相關腳本其他腳本後放置像這樣:

<script src="jQuery.js"></script> 
<script src="myScriptThatUsesjQuery.js"></script> 

即使是這樣的話,爲什麼還要把自己的腳本附近的HTML文檔的末尾幫幫我?

謝謝!

+1

可能的重複[Where is the best place to put

4

那麼,<script>應包括</body>之前和你說<script src="jQuery.js"></script>必須包括在<script src="myScriptThatUsesjQuery.js"></script>之前,因爲負載的jquery.js全部由myScriptThatUsesjQuery.js使用的功能,所以你不能使用函數(例如$()),然後再聲明。

0

由於HTTP規範建議瀏覽器不要從任何主機並行下載超過2個文件,因此頭標記中存在大量腳本文件會降低網站性能。因此,如果您從站點的腳本文件夾中加載了大約六打左右的.js文件,則在瀏覽器瀏覽列表2x2時,將會阻止加載站點上的其他資源(圖像/ css等)。它基本上產生了一個瓶頸。

我認爲一些現代瀏覽器對這個問題有解決方法,但是直到世界放棄IE6/7時,最好在優化方面犯錯。