jquery動態(tài)加載js/css文件方法(自寫小函數(shù))

更新時間：2014年10月11日 17:26:31 投稿：whsnow

jquery自帶的getSrcript文件只能動態(tài)加載js代碼，但不能加載css，后來自己寫了一個可加載js與css的程序

先來看jquery自帶的getSrcript文件

方法

$.getScript(url,callback)

實例

復制代碼代碼如下:

var testVar = 'New JS loaded!';

alert(testVar); function newFun(dynParam) {

alert('You just passed '+dynParam+ ' as parameter.');

}

動態(tài)調用方法

復制代碼代碼如下:

$(function()

{

$('#loadButton').click(function(){

$.getScript('new.js',function(){

newFun('"Checking new script"');//這個函數(shù)是在new.js里面的，當點擊click后運行這個函數(shù)

});

</script>

</head>

<body>

上面的只能動態(tài)加載js代碼，但不能加載css，后來自己寫了一個可加載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(['hdivbox.js','pop_win.css']);

您可能感興趣的文章:

動態(tài)加載

jQuery實現(xiàn)圖片高亮顯示
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)圖片高亮顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
jQuery插件windowScroll實現(xiàn)單屏滾動特效
本文給大家分享的是一個使用jQuery插件windowScroll實現(xiàn)的單屏滾動的特效，主要參考搜狗瀏覽器4.2版本首頁的上下滾動效果。主要實現(xiàn)整個窗口的上下和左右滾動邏輯，非常的實用。
2015-07-07
jQuery實現(xiàn)圖片放大預覽實現(xiàn)原理及代碼
jQuery實現(xiàn)圖片放大原理很簡單，就是將圖片顯示的尺寸變大后放在瀏覽器的一個指定位置，從而實現(xiàn)圖片的放大預覽，下面有個不錯的示例，感興趣的朋友可以參考下
2013-09-09
JQuery通過Ajax提交表單并返回結果
在開始介紹使用JQuery提交表單之前，先看一下非Ajax提交表單的形式
2011-07-07
jquery 操作日期、星期、元素的追加的實現(xiàn)代碼
主要實現(xiàn)日期的顯示，獲取年月日，時分秒、星期、判斷閏年，學習jquery的朋友可以參考下
2012-02-02
Bootstrap嵌入jqGrid，使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid，使你的table牛逼起來,需要的朋友可以參考下
2016-05-05
基于jQuery實現(xiàn)在線選座之高鐵版
除了購買電影票在線選座，我們還接觸過飛機機艙選座，隨著科技的發(fā)展，之后火車、汽車都會支持在線選座，下面給大家分享基于jQuery實現(xiàn)在線選座之高鐵版，需要的朋友可以參考下
2015-08-08
jquery固定底網(wǎng)站底部菜單效果
本文章來給大家介紹一款固定底網(wǎng)站底部菜單效果，這里是基于jquery的，大家下載之后把jquery加入即可實現(xiàn)效果了，并且兼容性強。
2013-08-08
jQuery 打造動態(tài)漸變按鈕詳細圖文教程
這是寫給web設計者和前端開發(fā)者的教程，我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖，然后是如何使用jQurey打造動態(tài)漸變效果。
2010-04-04
jquery原理以及學習技巧介紹
JQuery上手簡單，也很容易學，即使是剛接觸JQuery的開發(fā)人員，借助JQuery手冊，也很快能在項目中使用開發(fā)，這篇文章針對jquery原理以及學習技巧進行介紹，感興趣的小伙伴們可以參考一下
2015-11-11