jquery 动态加载css,js文件

动态加载css文件:

$('#btn').click(function(){
    $('head').children(':last').attr({
         rel: "stylesheet",
         type: 'text/css',
         href: './style.css',
     });
})

动态加载js文件:

$.getScript(url,callback)

直接加载文件:

$.getScript("index.js");

当加载完成之后需要进行后续操作,可利用callback实现

$.getScript("test.js", function() {
  console.log('success')
});

$.getScript()也可利用done的方式判断js文件是否加载成功

$.getScript("test.js").done(function() {
  console.log('success')
});

另外,$.getScript()还包含fail,error等方法

$.getScript("test.js").done(function() {
  console.log('success')
}).error(function(err){
    console.log(err)
});

打印出来的err如下图,可通过下列返回的对象寻找报错信息
(ps:比较笨的方法,更好地办法么有找到,希望看到的使用过这个方法的大神们可以提供好的办法,大家互相学习.)