我正在尝试按顺序加载一组脚本,但是onload事件对我没有触发。
var scripts = [ '//cdnjs.cloudflare.com/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)则可以正常启动。
document.body.appendChild(el)
您应该在事件f.ex 之后* 设置src属性: *onload
src
onload
el.onload = function() { //... el.src = script;
您还应该 在 附加onload事件 之前 将脚本附加到DOM :
$body.append(el); el.onload = function() { //... el.src = script;
请记住,您需要检查readystateIE支持。如果您使用的是jQuery,则还可以尝试以下getScript()方法:http : //api.jquery.com/jQuery.getScript/
readystate
getScript()