script標簽的位置


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 標簽 並執行其標簽中的內容"> js 動態創建標簽 並執行其標簽中的內容 js中的script標簽屬性 關於在HTML中使用的script標簽 是個啥"> script標簽中type為