如何使用jquery動(dòng)態(tài)加載js,css文件實(shí)現(xiàn)代碼

更新時(shí)間：2013年04月03日 16:21:39 作者：

在jquery中要實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法有很多種,最簡(jiǎn)單的我們可以直接利用$.include()方法來(lái)實(shí)現(xiàn)，感興趣的朋友可以參考下哈

使用jquery動(dòng)態(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 + ">"); 
} 
} 
}); 

//使用方法 
$.includePath = 'http://hi.baidu.com/javascript/'; 
$.include(['json2.js', 'jquery.tree.js', 'jquery.tree.css']); 

您可能感興趣的文章:

相關(guān)文章

jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出提示信息的地圖熱點(diǎn)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出提示信息的地圖熱點(diǎn)效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery設(shè)置div一直在頁(yè)面頂部顯示的方法
如何讓div一直在頁(yè)面頂部，這種類似的效果大家都有見過(guò)的，實(shí)現(xiàn)的方法也有很多，在本文為大家詳細(xì)介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10
Discuz! 6.1_jQuery兼容問(wèn)題
在Discuz! 6.1中無(wú)法直接使用jQuery，此時(shí)對(duì)/include/javascript/common.js文件應(yīng)用如下補(bǔ)丁即可。
2008-09-09
jquery中用函數(shù)來(lái)設(shè)置css樣式
本文主要對(duì)jquery中用函數(shù)來(lái)設(shè)置css樣式的方法進(jìn)行詳細(xì)介紹，具有很好的參考價(jià)值，下面就跟小編一起來(lái)看下吧
2016-12-12
JQuery實(shí)現(xiàn)自定義對(duì)話框的代碼
JavaScript為我們提供幾種對(duì)話框功能，但功能都十分有限；雖然在IE下可以通過(guò)模式窗體的方式創(chuàng)建更豐富的對(duì)話框功能，但畢竟只有IE得到支持。
2008-06-06
jQuery多級(jí)彈出菜單插件ZoneMenu
這篇文章主要介紹了jQuery多級(jí)彈出菜單插件ZoneMenu的使用方法，有需要的小伙伴可以參考下
2014-12-12
jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法,涉及jQuery針對(duì)表格與頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2016-06-06
jQuery學(xué)習(xí)筆記之jQuery中的$
這篇文章主要介紹了jQuery學(xué)習(xí)筆記之jQuery中的$的相關(guān)資料,需要的朋友可以參考下
2015-01-01
javascript 自定義回調(diào)函數(shù)示例代碼
使用函數(shù)做參數(shù)就有下面的好處：當(dāng)你a(b)的時(shí)候函數(shù)b就成了回調(diào)函數(shù)，而你還可以a(c)這個(gè)時(shí)候，函數(shù)c就成了回調(diào)函數(shù)
2014-09-09