js動態載入js檔案簡單介紹

admin發表於2017-03-23

本章節介紹一下如何動態載入js檔案,當然這是有優點的,比如js檔案過多的時候可以根據需要載入指定的js檔案,這樣就可以提高頁面渲染的速度,對於瀏覽者來說就更為人性化。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var jsNode=document.createElement('script');
jsNode.src='antzone.js?t='+new Date().getTime();
document.head.appendChild(jsNode);

上面的程式碼可以實現動態載入效果,程式碼比較簡單,唯一需要特別說明的是引入檔案後面所新增的時間戳,這個是為了防止快取,可以實時載入伺服器的最新檔案。

相關閱讀:

1.document.createElement()函式可以參閱js createElement()一章節。 

2.getTime()函式可以參閱javascript getTime()一章節。 


相關文章