當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

script 放置最佳位置以及 html 执行顺序

發布時間：2023/12/18 编程问答 40 豆豆

生活随笔收集整理的這篇文章主要介紹了 script 放置最佳位置以及 html 执行顺序小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。

看到知乎上有很多討論關于javascript位置的文章。所以特意留意了這方面的問題。

　　首先要了解到的是：

　　　　html文件是自上而下的執行方式，但引入的css和javascript的順序有所不同，css引入執行加載時，程序仍然往下執行，而執行到<script>腳本是則中斷線程，待該script腳本執行結束之后程序才繼續往下執行。

　　　　所以，大部分網上討論是將script腳本放在<body>之后，那樣dom的生成就不會因為長時間執行script腳本而延遲阻塞，加快了頁面的加載速度。

　　　　但又不能將所有的script放在body之后，因為有一些頁面的效果的實現，是需要預先動態的加載一些js腳本。所以這些腳本應該放在<body>之前。

　　　　其次，不能將需要訪問dom元素的js放在body之前，因為此時還沒有開始生成dom，所以在body之前的訪問dom元素的js會出錯，或者無效

　　　　直接上代碼

</head><script type="text/javascript">document.getElementById("text").innerHTML="hello world";</script><body><h1 id="text"></h1></body> </html>

　　　　此時結果空白一片。

　　　　將script腳本放在body之后

<body><h1 id="text"></h1> </body> <script type="text/javascript">document.getElementById("text").innerHTML="hello world"; </script> 　　　　有了結果

　　　　所以，我認為script放置位置的原則“頁面效果實現類的js應該放在body之前，動作，交互，事件驅動，需要訪問dom屬性的js都可以放在body之后”。

轉自：http://www.cnblogs.com/iamwangxupeng/p/4950255.html

以上是生活随笔為你收集整理的script 放置最佳位置以及 html 执行顺序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。