我正在尝试从JavaScript内加载js和CSS文件

Question

我正在尝试从chrome中的javascript中加载js和css文件，我可以看到两个文件都已加载，触发了mofo警报，然后是测试警报，但不是test2警报。

为什么会这样，我看不到的javascript中有错误？

function loadScript(url, callback){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    script.onreadystatechange = callback;
    script.onload = callback;
    document.getElementsByTagName('script')[0].appendChild(script);
}

function loadCss(url, callback){
    var elem = document.createElement('link');
    elem.href = url;
    elem.type = 'text/css';
    elem.rel = 'stylesheet';
    elem.media = 'all';
    document.getElementsByTagName('script')[0].appendChild(elem);
}

var coptaJQStart = function() {
    var jQuery_1_11_3 = $.noConflict(true);
    alert('test');
};

var coptaCssStart = function() {
    alert('test2');
};


loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', coptaJQStart);
loadCss('http://www.tffan.com/copta.css', coptaCssStart);
alert('mofo');

Answer 1

您必须在loadCss附加回调函数

 elem.onreadystatechange = callback;
    elem.onload = callback;

 function loadScript(url, callback){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.onreadystatechange = callback; script.onload = callback; document.getElementsByTagName('script')[0].appendChild(script); } function loadCss(url, callback){ var elem = document.createElement('link'); elem.href = url; elem.type = 'text/css'; elem.rel = 'stylesheet'; elem.onreadystatechange = callback; elem.onload = callback; elem.media = 'all'; document.getElementsByTagName('script')[0].appendChild(elem); } var coptaJQStart = function() { var jQuery_1_11_3 = $.noConflict(true); alert('test'); }; var coptaCssStart = function() { alert('test2'); }; loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', coptaJQStart); loadCss('http://www.tffan.com/copta.css', coptaCssStart); alert('mofo');