1. 基本理論
浏覽器在解析HTML文檔時,是自上而下解析的,從上到下依次加載、解析。
2. 内部JS代碼與外部JS代碼
不論是<script>和</script>之間的内部JS代碼,還是通過src屬性引用的外部JS代碼,浏覽器在解析到<script>标簽時,頁面的内容加載都會暫停,也就是說必須先解析完JS代碼,才能往後繼續解析。
是以此時還是符合自上而下解析的基本理論的。
3. 多個<script>标簽的解析問題
此處要注意,浏覽器會按照<script>标簽出現的順序,依次解析,必須在前面的<script>标簽代碼解析完成後,才會開始解析後面的内容。
是以作為開發者,不必擔心存在并行加載或者前面的還沒加載完,後面已經開始加載的問題。
4. <script>标簽位置問題
很多情況下,<script>标簽會放到html文檔的頭部。
這種方式需要等待<script>中的代碼解析完成後,才能加載body内容,是以會導緻頁面加載延遲,使用者體驗不佳。
是以組好是将<script>标簽放到<body></body>元素之中,而且是放到靠近</body>的地方,這樣便于JS代碼處理網頁文檔内容。