您的位置:首页 > Web前端 > JavaScript

在Javascript中动态加载css文件和js文件

2012-12-26 15:23 716 查看
一、动态加载CSS文件

function loadCss( cssUrl, attachToTopWindow ){
var $head = attachToTopWindow ? top.$('head') : $('head');
if($("link[href='"+cssUrl+"']").length==0){
$("<link>")
.appendTo($head)                               // *注意*:一定要先添加到DOM树中
.attr({type : 'text/css', rel : 'stylesheet'})  // 然后再设置href属性,否则在IE下可能
.attr('href', cssUrl);                          // 该css文件不生效
}
}


二、动态加载js文件

function loadJs( jsUrl, errorCallback ){
$.ajax({
url : jsUrl,
type : 'get',
cache : false,
async : false ,
error : function() {
if(errorCallback && $.isFunction(errorCallback)){
errorCallback();
}
}
});
}


以上方法是同步加载js文件,如果用异步方式加载js文件,可直接用jquery的$.getScript(url,callBack)方法,其实质也是ajax,只是异步罢了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: