如何使用jquery動態(tài)加載js,css文件實現(xiàn)代碼
更新時間：2013年04月03日 16:21:39 作者：
在jquery中要實現(xiàn)動態(tài)加載js文件的方法有很多種,最簡單的我們可以直接利用$.include()方法來實現(xiàn)，感興趣的朋友可以參考下哈
使用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 + ">");
}
}
});
//使用方法
$.includePath = 'http://hi.baidu.com/javascript/';
$.include(['json2.js', 'jquery.tree.js', 'jquery.tree.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']);
您可能感興趣的文章:
- 使用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文件方法(自寫小函數(shù))
- 使用jquery動態(tài)加載Js文件和Css文件
- 使用jquery動態(tài)加載javascript以減少服務器壓力
- jquery動態(tài)加載js三種方法實例
- 使用jquery動態(tài)加載js文件的方法
- jQuery實現(xiàn)動態(tài)加載(按需加載)javascript文件的方法分析
相關文章
本篇文章主要對Jquery的事件操作和文檔操作進行實例的分享，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
jQuery+Ajax+PHP彈出層異步登錄效果(附源碼下載)
本文我們給大家介紹如何使用jQuery+Ajax+PHP彈出層異步登錄的應用。感興趣的朋友通過本文學習吧2016-05-05
這篇文章主要介紹了jquery動畫特效結合css實現(xiàn)側邊彈出的垂直導航的方法及代碼分享,需要的朋友可以參考下2014-12-12
jQuery動畫效果-slideUp slideDown上下滑動示例代碼
jQuery動畫上下滑動效果在網(wǎng)頁中的應用還是比較廣泛的，其實很簡單通過slideUp slideDown方法便可輕松實現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對大家學習jquery有所幫助2013-08-08
jQuery插件slicebox實現(xiàn)3D動畫圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠將圖片切片，然后做3d旋轉。Slicebox幻燈片插件共有4種效果，視覺沖擊感非常強。2015-04-04
Jquery UI實現(xiàn)一次拖拽多個選中的元素操作
這篇文章主要介紹了Jquery UI實現(xiàn)一次拖拽多個選中的元素操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了JQuery上傳插件Uploadify使用，文章給出詳細的步驟來實現(xiàn)一個簡單的上傳功能，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了jQuery實現(xiàn)的分子運動小球碰撞效果,涉及jQuery基于定時函數(shù)操作頁面元素動態(tài)變換的技巧,需要的朋友可以參考下2016-01-01
PageSwitch插件實現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下2015-07-07
或許在網(wǎng)絡上你已經見過數(shù)百種通過jQuery實現(xiàn)的相冊，但是我們發(fā)現(xiàn)的這些相冊，他們有額外的東西，優(yōu)雅和獨特的創(chuàng)意！每個相冊都是可在線預覽和免費下載的。你可以為你的Web項目添加色彩。2011-02-02