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