1、在我們編寫代碼的時候,會在頁面內使用<script>標簽來寫JS,雖然理論上script標簽的位置放在哪里可以,但是還是有一點區別的。
2、為什么很多人把script標簽放在底部:
初學者在學習JS的時候看見很多DEMO里面的script標簽寫在底部,但是卻不是很清楚為什么,下面來解釋一下:
雖然理論上放在哪里都是可以的,但是對於前端頁面優化來講,還是放在底部是最佳的,因為如果JS執行出現錯誤了,最起碼頁面中的元素還能加載出來,因為DOM文檔是從上往下的順序執行的。
3、script標簽在body標簽內還是外:
許多人認為只要放在底部了,無論是“body標簽閉合之前”還是在“body標簽閉合之后”都是一樣的,其實還是有差別的,因為從HTML 2.0起放在“body標簽閉合之后”就是不合標准的。之所以但是瀏覽器卻不會報錯,是因為如果在“body標簽閉合之后”后再出現script或任何元素的開始標簽, 都是parse error,瀏覽器會忽略之前的</body>,即視作仍舊在body內。所以實際效果和寫在“body標簽閉合之前”之前是沒有區別的。
所以,只要是讓瀏覽器做了多余的事都是不好的,雖然差別細微,但是還是應該按照標准來,放在“body標簽閉合之前”。
下面我們舉個例子:
<!DOCTYPE HTML> <html> <head> <title> </title> </head> <body> <script type="text/javascript"></script> </body> </html>