jquery如何實現動態載入CSS檔案
在應用中有時候需要動態的載入CSS檔案或者js檔案,下面是一段網路上的程式碼例項:
[JavaScript] 純文字檢視 複製程式碼$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files<i>.replace(/^\s|\s$/g, ""); var att = name.split('.'); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type='text/css' rel='stylesheet' " : " type='text/javascript' "; var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); } } }) //使用方法 $.includePath = 'http://hi.baidu.com/javascript/'; $.include(['json2.js', 'jquery.tree.js', 'jquery.tree.css']); </i>
相關文章
- jQuery實現的非同步動態載入css和js檔案jQuery非同步CSSJS
- jQuery實現的動態載入css和js檔案程式碼例項 [jQueryCSSJS
- javascript如何動態載入js或者css檔案JavaScriptJSCSS
- js實現的動態載入css檔案簡單介紹JSCSS
- javascript實現的動態載入css檔案程式碼例項JavaScriptCSS
- jQuery實現的動態載入指令碼檔案程式碼例項jQuery指令碼
- js動態載入 js檔案和 css檔案JSCSS
- 如何動態載入js檔案JS
- js動態載入外部css檔案程式碼JSCSS
- javascript如何動態載入js檔案JavaScriptJS
- jQuery動態載入js檔案簡單介紹jQueryJS
- 原生js實現的動態載入css和js檔案程式碼例項JSCSS
- 實現js檔案動態載入程式碼例項JS
- javascript動態載入css檔案程式碼例項JavaScriptCSS
- 優雅的實現動態載入 css、jsCSSJS
- 動態載入css方法實現和深入解析CSS
- 動態載入js或者css檔案程式碼例項JSCSS
- 原生JS動態載入JS、CSS檔案及程式碼指令碼JSCSS指令碼
- 實現js檔案動態載入的幾種方式簡單介紹JS
- 動態載入JS和CSSJSCSS
- js實現的動態引入css檔案程式碼例項JSCSS
- Android 開發中如何動態載入 so 庫檔案Android
- js實現的動態載入css外部樣式表程式碼JSCSS
- Drools與動態載入規則檔案
- jquery如何判斷js檔案是否載入完畢jQueryJS
- jquery和css3實現的動態時鐘效果jQueryCSSS3
- js動態載入實現提高網頁載入速度JS網頁
- jQuery判斷css檔案載入完畢再去執行程式碼jQueryCSS行程
- 動態載入js檔案簡單介紹JS
- EasyUI Jquery 動態載入樹,點選節點載入UIjQuery
- Spring Boot 如何熱載入 jar 實現動態外掛?Spring BootJAR
- Spring Boot 如何熱載入jar實現動態外掛?Spring BootJAR
- Protobuf 動態載入 .proto 檔案並操作 Message
- Unity3D動態載入FBX檔案Unity3D
- js動態載入js檔案簡單介紹JS
- struts動態多檔案上傳實現
- 如何能看到框架檔案動態載入順序與執行情況?框架
- 7、靜態檔案的載入