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 ajax分頁插件實例代碼
這篇文章主要介紹了jQuery ajax分頁插件實例代碼的相關資料，本文介紹的非常詳細，具有參考借鑒價值，特此分享供大家學習
2016-01-01
z-blog SyntaxHighlighter 長代碼無法換行解決辦法(基于jquery)
這篇文章主要介紹了z-blog SyntaxHighlighter 長代碼無法換行解決辦法(jquery),需要的朋友可以參考下
2015-11-11
在jQuery中使用$而避免跟其它庫產生沖突的方法
這篇文章主要介紹了在jQuery中使用$而避免跟其它庫產生沖突的方法,總共羅列了三種,需要的朋友可以參考下
2015-08-08
JQuery中關于jquery.js與jquery.min.js的比較探討
jquery-1.4.2.min.js是優(yōu)化的，而query-1.4.2.js是易于開發(fā)著閱讀的，具體詳解祥看本文，希望對你有所幫助
2013-05-05
poshytip 基于jquery的插件主要用于顯示微博人的圖像和鼠標提示等
分享一個jquery插件-主要用于顯示微博人的圖像和鼠標提示等poshytip
2012-10-10
淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)硪黄獪\談struts1 & jquery form 文件異步上傳。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
用JQuery 判斷某個屬性是否存在hasAttr的解決方法
本篇文章介紹了，用JQuery 判斷某個屬性是否存在hasAttr的解決方法。需要的朋友參考下
2013-04-04
基于EasyUI的基礎之上實現(xiàn)樹形功能菜單
這篇文章主要介紹了基于EasyUI的基礎之上實現(xiàn)樹形功能菜單,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-06-06
實例講解jQuery EasyUI tree中state屬性慎用
本文通過實例代碼給大家介紹jQuery EasyUI tree中state屬性慎用，切忌把state設置為closed，否則該節(jié)點會加載整個tree，形成死循環(huán)
2016-04-04
jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery懸停文字提示框插件jquery.tooltipster.js用法,涉及jQuery文字提示框插件的引入與調用實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下
2016-07-07