使用jquery動態(tài)加載Js文件和Css文件
更新時間:2021年06月09日 12:01:25 投稿:lijiao
這篇文章主要為大家詳細介紹了使用jquery動態(tài)加載Js文件和Css文件的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
如果你有很多關聯(lián)的CSS文件要一起加載,或者想動態(tài)的加載不同的CSS文件,那么下面的方法你一定對你有幫助。
Jquery動態(tài)加載Js和Css擴展方法
$.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' " : " language='javascript' type='text/javascript' "; var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); } } });
使用方法:
$.include('//chabaoo.cn/include/dedeajax.js'); $.include('//chabaoo.cn/templets/skins/style/android.css');
或者:
$.includePath='chabaoo.cn/html/'; $.include([dedeajax.js','android.css']);
以上就是本文的全部內容,希望對大家的學習有所幫助。
您可能感興趣的文章:
- 使用jQuery動態(tài)加載js腳本文件的方法
- jquery及js實現(xiàn)動態(tài)加載js文件的方法
- jquery getScript動態(tài)加載JS方法改進詳解
- 一個簡單的動態(tài)加載js和css的jquery代碼
- 三種動態(tài)加載js的jquery實例代碼另附去除js方法
- 如何使用jquery動態(tài)加載js,css文件實現(xiàn)代碼
- jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
- 使用jquery動態(tài)加載javascript以減少服務器壓力
- jquery動態(tài)加載js三種方法實例
- 使用jquery動態(tài)加載js文件的方法
- jQuery實現(xiàn)動態(tài)加載(按需加載)javascript文件的方法分析
相關文章
使用BootStrap和Metroui設計的metro風格微網(wǎng)站或手機app界面
今天使用bootstrap和metroui設計了一個metro風格的移動app或者微信微網(wǎng)站的界面,非常不錯具有參考借鑒價值,感興趣的朋友可以參考下2016-10-10jQuery Ajax異步處理Json數(shù)據(jù)詳解
jquery ajax處理json數(shù)據(jù)其實與其它ajax處理數(shù)據(jù)沒什么很大的改動,我們只要簡單處理一下ajax部份的dataType數(shù)據(jù)類型等于json即可解決了2013-11-11Jquery圖片延遲加載插件jquery.lazyload.js的使用方法
這篇文章主要介紹了Jquery圖片延遲加載插件jquery.lazyload.js的使用方法,需要的朋友可以參考下2014-05-05