javascript實現的動態載入css檔案程式碼例項
本章節介紹一下如何動態載入css檔案,至於它的使用場景這裡就不介紹了,直接看程式碼。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼var cssNode=document.createElement('link'); cssNode.rel='stylesheet'; cssNode.type='text/css'; cssNode.media='screen'; cssNode.href='style.css?t='+new Date().getTime(); document.head.appendChild(cssNode);
建立一個link節點,然後設定它的屬性,那個時間戳是用來放置css檔案快取的。
相關文章
- 原生JS動態載入JS、CSS檔案及程式碼指令碼JSCSS指令碼
- js動態載入 js檔案和 css檔案JSCSS
- javascript如何動態載入js檔案JavaScriptJS
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- 優雅的實現動態載入 css、jsCSSJS
- JavaScript運動框架程式碼例項JavaScript框架
- canvas載入效果程式碼例項Canvas
- spring框架中多資料來源建立載入並且實現動態切換的配置例項程式碼Spring框架
- css梯形程式碼例項CSS
- JavaWeb之實現檔案上傳與下載例項JavaWeb
- css3晃動效果程式碼例項CSSS3
- 藉助 Webpack 靜態分析能力實現程式碼動態載入Web
- 動態引用外部的Javascript指令碼檔案JavaScript指令碼
- JavaScript隨滑鼠晃動的div塊程式碼例項JavaScript
- CSS3星系運動效果程式碼例項CSSS3
- Java 例項 - 檔案寫入Java
- JavaScript in運算子程式碼例項JavaScript
- 純css tab選項卡程式碼例項CSS
- CSS空心箭頭程式碼例項CSS
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- CSS 隔行變色程式碼例項CSS
- 30行Javascript程式碼實現圖片懶載入JavaScript
- JavaScript 檔案載入方式JavaScript
- JavaScript取餘數程式碼例項JavaScript
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript中常用的事件程式碼及例項JavaScript事件
- CSS3卡通形象程式碼例項CSSS3
- css3水滴效果程式碼例項CSSS3
- css背景虛化效果程式碼例項CSS
- css繪製圓形程式碼例項CSS
- Drools與動態載入規則檔案
- Spring Cloud Nacos實現動態配置載入的原始碼分析SpringCloud原始碼
- html實現簡單ListViews效果的例項程式碼HTMLView
- 7、靜態檔案的載入
- JavaScript陣列合並程式碼例項JavaScript陣列
- JavaScript倒數計時程式碼例項JavaScript
- JavaScript 表單驗證程式碼例項JavaScript
- C#動態建立介面的實現例項物件C#物件