jquery动态加载js/css文件方法

先来看jquery自带的getSrcript文件

方法

代码如下复制代码
$.getScript(url,callback)

实例

代码如下复制代码
var testVar = 'New JS loaded!';
alert(testVar); function newFun(dynParam) {
alert('You just passed '+dynParam+ ' as parameter.');
}

动态调用方法

HTML代码

代码如下复制代码
<script type="text/javascript" src="../jquery.js"></script>

$(function()

{

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

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

newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数

});

</script>

</head>

<body>

上面的只能动态加载js代码，但不能加载css，后来自己写了一个可加载js与css的程序。

代码如下复制代码
$.extend({
includePath: '',
include: func(www.111cn.net)tion(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']);

from:http://www.111cn.net/wy/jquery/45691.htm

jquery动态加载js/css文件方法相关推荐

(一)JQuery动态加载js的三种方法
Jquery动态加载js的三种方法如下: 第一种: $.getscript("test.js"); 例如: <script type="text/javascrip ...
ASP.NET使用母版页后动态加载JS/CSS
ASP.NET中使用母版页最大的好处就是当有许多相似的页面时只用加一个母版页,每个页面用这个母版页生成内容页,然后根据情况修改每个内容页中的内容,保持页面布局的统一,同时也减少了代码量. 但另一个突出 ...
jquery 动态加载js插件
作用描述: 在H5页面直接加载插件,有时可能在js使用到时没有记载完成,如果不进行二次加载及判断,程序可能就此卡壳,无法继续运行.通过jquery动态多次判断加载,保证插件的完整加载及使用. 解决方案 ...
web页面优化之动态加载js和文件
关于按需加载js,从而提高页面加载性能: 以京东商品详情页面为例: 首次打开时,会加载一部分js,当下拉滚动条时,会促发事件,从而以jsponp形式异步加载一些js文件,如评论调用的js文件: htt ...
jquery动态加载JS【方法getScript】的改进
http://www.cnblogs.com/cuitsl/archive/2012/11/15/2771549.html 转载于:https://www.cnblogs.com/wln3344/p/ ...
google支持本地ajax,360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
使用360chrome和google chrome浏览器加载本地html文件时,会报错,提示: XMLHttpRequest cannot load file:///Y:/jswg/code/html ...
js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)
var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.c ...
html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...
【Jquery】Jquery动态加载css文件
前言很多时候我们需要在页面中引用外部的css文件,下面将介绍一下如何通过Jquery动态加载css文件方式一(Jquery) var cssFileUrl='../css/home.css'; i ...
JavaScript动态加载js文件
/********************************************************************** JavaScript动态加载js文件* 说明:* 之前没 ...

jquery动态加载js/css文件方法

jquery动态加载js/css文件方法相关推荐

最新文章

热门文章