编程 Javascript

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']);

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

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript定义类或函数的几种方式小结

Jan 09 Javascript

超轻量级的基于jquery的三级展开列表

Apr 26 Javascript

jquery禁止输入数字以外的字符的示例(纯数字验证码)

Apr 10 Javascript

jQuery实现返回顶部功能适合不支持js的浏览器

Aug 19 Javascript

jquery实现像栅栏一样左右滑出式二级菜单效果代码

Aug 24 Javascript

jQuery实现可展开合拢的手风琴面板菜单

Sep 15 Javascript

javascript给span标签赋值的方法

Nov 26 Javascript

如何使用proxy实现一个简单完整的MVVM库的示例代码

Sep 17 Javascript

layui写后台表格思路和赋值用法详解

Nov 14 Javascript

Vue使用路由钩子拦截器beforeEach和afterEach监听路由

Nov 16 Javascript

关于小程序优化的一些建议(小结)

Dec 10 Javascript

JavaScript实现酷炫的鼠标拖尾特效

Feb 18 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