js動態載入js檔案簡單介紹
本章節介紹一下如何動態載入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()一章節。
相關文章
- 動態載入js檔案簡單介紹JS
- jQuery動態載入js檔案簡單介紹jQueryJS
- 按照順序動態載入js檔案簡單介紹JS
- js實現的動態載入css檔案簡單介紹JSCSS
- 實現js檔案動態載入的幾種方式簡單介紹JS
- AngularJs動態載入模組和依賴注入簡單介紹AngularJS依賴注入
- js動態載入 js檔案和 css檔案JSCSS
- 如何動態載入js檔案JS
- javascript如何動態載入js檔案JavaScriptJS
- javascript如何動態載入js或者css檔案JavaScriptJSCSS
- js動態載入外部css檔案程式碼JSCSS
- JSON簡單介紹JSON
- nodejs簡單介紹NodeJS
- 原生JS動態載入JS、CSS檔案及程式碼指令碼JSCSS指令碼
- JSON物件簡單介紹JSON物件
- js WebSocket用法簡單介紹JSWeb
- Node.js的模組載入方式與機制簡單介紹Node.js
- 動態載入js或者css檔案程式碼例項JSCSS
- 實現js檔案動態載入程式碼例項JS
- js字串連線簡單介紹JS字串
- js cookie路徑簡單介紹JSCookie
- js 特權方法簡單介紹JS
- js短路運算簡單介紹JS
- js與&&運算子簡單介紹JS
- JSTL動態載入單選框--【ssnc】JS
- json字串與json物件簡單介紹JSON字串物件
- 檔案管理簡單介紹
- NodeJS專案基礎結構簡單介紹NodeJS
- 原生js實現的動態載入css和js檔案程式碼例項JSCSS
- js如何阻止表單提交簡單介紹JS
- ajax載入xml檔案內容程式碼例項簡單介紹XML
- nodejs通過phantomjs實現下載網頁簡單介紹NodeJS網頁
- 簡單介紹一下 JSONJSON
- angularJS的router用法簡單介紹AngularJS
- js style.cssText用法簡單介紹JSCSS
- js事件委託原理簡單介紹JS事件
- js isPrototypeOf()函式用法簡單介紹JS函式
- node.js操作mongodb簡單介紹Node.jsMongoDB