尝试在脚本标记上触发onload事件

我试图按顺序加载一组脚本，但是onload事件并没有为我开火。

var scripts = [ 'ajax/libs/less.js/1.3.3/less.min.js', '//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js', MK.host+'/templates/templates.js' ]; function loadScripts(scripts){ var script = scripts.shift(); var el = document.createElement('script'); el.src = script; el.onload = function(script){ console.log(script + ' loaded!'); if (scripts.length) { loadScripts(scripts); } else { console.log('run app'); MK.init(); } }; $body.append(el); } loadScripts(scripts); 

我猜想，当使用jQuery将元素附加到DOM时，像el.onload这样的本地事件不会触发。 如果我使用本机document.body.appendChild(el)那么它按预期触发。

Answer 1

你应该在onload事件之后设置src属性，f.ex：

 el.onload = function() { //... el.src = script; 

在附加onload事件之前，您还应该将脚本追加到DOM：

 $body.append(el); el.onload = function() { //... el.src = script; 

请记住，您需要检查readystate以获得IE支持。 如果你使用的是jQuery，你也可以尝试getScript()方法： http : getScript()