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檔案和 css檔案JSCSS
- javascript如何動態載入js檔案JavaScriptJS
- 原生JS動態載入JS、CSS檔案及程式碼指令碼JSCSS指令碼
- 檔案管理簡單介紹
- 簡單介紹js 陣列 fill() 填充方法JS陣列
- js迴圈中reduce的用法簡單介紹JS
- 簡單介紹一個用於 Vue.js 的狀態管理庫:PiniaVue.js
- 簡單介紹Vue中使用js-cookie詳情VueJSCookie
- js 檔案下載JS
- 簡單介紹靜態路由路由
- SyntaxHighlighter 頁面動態js載入方式整理JS
- 極簡 Node.js 入門 - 3.3 檔案寫入Node.js
- 簡單介紹Linux環境變數檔案Linux變數
- 利用js製作簡單的動態日曆JS
- js表單檔案提交JS
- 簡單介紹JS函式防抖和函式節流JS函式
- 優雅的實現動態載入 css、jsCSSJS
- 簡單介紹一下 Linux 檔案系統?Linux
- 簡單介紹ASP.NET Core實現檔案上傳和下載ASP.NET
- Vue.js入門 (一) - 簡介Vue.js
- EChart.js簡單入門JS
- Js使用水桶簡單方便實現同步載入JS
- 極簡 Node.js 入門 - 3.2 檔案讀取Node.js
- js 匯入json配置檔案JSON
- 簡單介紹python如何在檔案中部插入資訊Python
- 簡單介紹python程式設計之檔案讀寫Python程式設計
- 簡單介紹nacos單機本地配置檔案儲存位置方式
- ARouter簡單入門和介紹
- js實現使用檔案流下載csv檔案JS
- Drools與動態載入規則檔案
- 簡單介紹Vue中使用js製作進度條式資料對比動畫VueJS動畫
- 網頁效能優化之非同步載入js檔案網頁優化非同步JS
- JS載入JS
- EVE-NG簡單入門介紹
- Unity3D動態載入FBX檔案Unity3D
- Protobuf 動態載入 .proto 檔案並操作 Message
- 一個高效能js動畫庫velocity.js簡介JS動畫
- 簡單介紹 Vue 3.0 專案建立Vue
- Napa.js 簡介JS