javascript實現延遲載入效果

antzone發表於2017-03-17

延遲載入可以在一定程度上提高網頁的訪問體驗度,下面就介紹一下如何實現延遲載入。

一.js檔案延遲載入:

[JavaScript] 純文字檢視 複製程式碼
<script type="text/javascript" src="" id="theid"></script> 
<script type="text/javascript"> 
setTimeout("document.getElementById('theid').src='js.js'; ",3000);//延時3秒 
</script>

二.js檔案最後載入:

將js檔案放在頁面的最後載入,這樣也能夠首先載入完穩當內容,再去執行js程式碼,也能夠提高網頁的訪問速度。

[HTML] 純文字檢視 複製程式碼
<div id="top">螞蟻部落</div>
<script type="text/javascript">
//code
</script>

相關文章