jquery动态加载js/css文件方法(自写小函数)


Posted in Javascript onOctober 11, 2014

先来看jquery自带的getSrcript文件

方法

$.getScript(url,callback)

实例

var testVar = 'New JS loaded!';

alert(testVar); function newFun(dynParam) {

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

}

动态调用方法
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的,当点击click后运行这个函数
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>

上面的只能动态加载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']);
Javascript 相关文章推荐
基于Jquery的实现回车键Enter切换焦点
Sep 14 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 Javascript
js图片切换具体实现代码
Oct 13 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
Vue-Router实现页面正在加载特效方法示例
Feb 12 Javascript
微信小程序 五星评价功能的实现
Mar 09 Javascript
浅谈Node 调试工具入门教程
Mar 20 Javascript
小程序实现五星点评效果
Nov 03 Javascript
用javascript制作qq注册动态页面
Apr 14 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 #Javascript
JavaScript中实现最高效的数组乱序方法
Oct 11 #Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 #Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 #Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 #Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 #Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 #Javascript
You might like
星际实力自我测试
2020/03/04 星际争霸
PHP新手上路(十四)
2006/10/09 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
php实现RSA加密类实例
2015/03/26 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
围观tangram js库
2010/12/28 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
python多线程扫描端口示例
2014/01/16 Python
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
python的launcher用法知识点总结
2020/08/07 Python
Python爬取某平台短视频的方法
2021/02/08 Python
Gap工厂店:Gap Factory
2017/11/02 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
探亲假请假条
2014/04/11 职场文书
村级个人对照检查材料
2014/08/22 职场文书
毕业证代领委托书
2014/09/26 职场文书
信用卡工作证明范本
2015/06/19 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
Promise静态四兄弟实现示例详解
2022/07/07 Javascript