jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
先來看jquery自帶的getSrcript文件
方法
$.getScript(url,callback)
實(shí)例
var testVar = 'New JS loaded!';
alert(testVar); function newFun(dynParam) {
alert('You just passed '+dynParam+ ' as parameter.');
}
動態(tài)調(diào)用方法
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//這個函數(shù)是在new.js里面的,當(dāng)點(diǎn)擊click后運(yùn)行這個函數(shù)
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>
上面的只能動態(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']);
- 使用jQuery動態(tài)加載js腳本文件的方法
- jquery及js實(shí)現(xiàn)動態(tài)加載js文件的方法
- jquery getScript動態(tài)加載JS方法改進(jìn)詳解
- 一個簡單的動態(tài)加載js和css的jquery代碼
- 三種動態(tài)加載js的jquery實(shí)例代碼另附去除js方法
- 如何使用jquery動態(tài)加載js,css文件實(shí)現(xiàn)代碼
- 使用jquery動態(tài)加載Js文件和Css文件
- 使用jquery動態(tài)加載javascript以減少服務(wù)器壓力
- jquery動態(tài)加載js三種方法實(shí)例
- 使用jquery動態(tài)加載js文件的方法
- jQuery實(shí)現(xiàn)動態(tài)加載(按需加載)javascript文件的方法分析
相關(guān)文章
jQuery插件windowScroll實(shí)現(xiàn)單屏滾動特效
本文給大家分享的是一個使用jQuery插件windowScroll實(shí)現(xiàn)的單屏滾動的特效,主要參考搜狗瀏覽器4.2版本首頁的上下滾動效果。主要實(shí)現(xiàn)整個窗口的上下和左右滾動邏輯,非常的實(shí)用。2015-07-07jQuery實(shí)現(xiàn)圖片放大預(yù)覽實(shí)現(xiàn)原理及代碼
jQuery實(shí)現(xiàn)圖片放大原理很簡單,就是將圖片顯示的尺寸變大后放在瀏覽器的一個指定位置,從而實(shí)現(xiàn)圖片的放大預(yù)覽,下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09jquery 操作日期、星期、元素的追加的實(shí)現(xiàn)代碼
主要實(shí)現(xiàn)日期的顯示,獲取年月日,時分秒、星期、判斷閏年,學(xué)習(xí)jquery的朋友可以參考下2012-02-02Bootstrap嵌入jqGrid,使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid,使你的table牛逼起來,需要的朋友可以參考下2016-05-05jQuery 打造動態(tài)漸變按鈕 詳細(xì)圖文教程
這是寫給web設(shè)計(jì)者和前端開發(fā)者的教程,我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖,然后是如何使用jQurey打造動態(tài)漸變效果。2010-04-04