如何使用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()方法來實(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']);
復(fù)制代碼 代碼如下:
$.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']);
您可能感興趣的文章:
- 使用jQuery動(dòng)態(tài)加載js腳本文件的方法
- jquery及js實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法
- jquery getScript動(dòng)態(tài)加載JS方法改進(jìn)詳解
- 一個(gè)簡(jiǎn)單的動(dòng)態(tài)加載js和css的jquery代碼
- 三種動(dòng)態(tài)加載js的jquery實(shí)例代碼另附去除js方法
- jquery動(dòng)態(tài)加載js/css文件方法(自寫小函數(shù))
- 使用jquery動(dòng)態(tài)加載Js文件和Css文件
- 使用jquery動(dòng)態(tài)加載javascript以減少服務(wù)器壓力
- jquery動(dòng)態(tài)加載js三種方法實(shí)例
- 使用jquery動(dòng)態(tài)加載js文件的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法分析
相關(guān)文章
jQuery+Ajax+PHP彈出層異步登錄效果(附源碼下載)
本文我們給大家介紹如何使用jQuery+Ajax+PHP彈出層異步登錄的應(yīng)用。感興趣的朋友通過本文學(xué)習(xí)吧2016-05-05jquery實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航
這篇文章主要介紹了jquery動(dòng)畫特效結(jié)合css實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航的方法及代碼分享,需要的朋友可以參考下2014-12-12jQuery動(dòng)畫效果-slideUp slideDown上下滑動(dòng)示例代碼
jQuery動(dòng)畫上下滑動(dòng)效果在網(wǎng)頁(yè)中的應(yīng)用還是比較廣泛的,其實(shí)很簡(jiǎn)單通過slideUp slideDown方法便可輕松實(shí)現(xiàn),具體如下,喜歡的朋友可以參考下,希望對(duì)大家學(xué)習(xí)jquery有所幫助2013-08-08jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片,然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果,視覺沖擊感非常強(qiáng)。2015-04-04Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作
這篇文章主要介紹了Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10jQuery實(shí)現(xiàn)的分子運(yùn)動(dòng)小球碰撞效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的分子運(yùn)動(dòng)小球碰撞效果,涉及jQuery基于定時(shí)函數(shù)操作頁(yè)面元素動(dòng)態(tài)變換的技巧,需要的朋友可以參考下2016-01-01PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實(shí)現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下2015-07-07收集的10個(gè)免費(fèi)的jQuery相冊(cè)
或許在網(wǎng)絡(luò)上你已經(jīng)見過數(shù)百種通過jQuery實(shí)現(xiàn)的相冊(cè),但是我們發(fā)現(xiàn)的這些相冊(cè),他們有額外的東西,優(yōu)雅和獨(dú)特的創(chuàng)意!每個(gè)相冊(cè)都是可在線預(yù)覽和免費(fèi)下載的。你可以為你的Web項(xiàng)目添加色彩。2011-02-02