试图在脚本标记上触发onload事件 [英] Trying to fire the onload event on script tag
问题描述
我正在尝试按顺序加载一组脚本,但onload事件并没有为我开火。
I'm trying to load a set of scripts in order, but the onload event isn't firing for me.
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将元素附加到元素时,el.onload等本机事件不会触发DOM。如果使用天然 document.body.appendChild(EL)
然后它触发按预期方式。
I guess native events like el.onload don't fire when jQuery is used to append the element to the DOM. If I use native document.body.appendChild(el)
then it fires as expected.
推荐答案
你应该在 onload
事件之后设置 src
属性, f.ex:
You should set the src
attribute after the onload
event, f.ex:
el.onload = function() { //...
el.src = script;
您还应该在附加<$之前将脚本附加到DOM c $ c> onload 事件:
$body.append(el);
el.onload = function() { //...
el.src = script;
请记住,您需要检查 readystate
IE支持。如果您使用的是jQuery,还可以尝试 getScript()
方法: http://api.jquery.com/jQuery.getScript/
Remember that you need to check readystate
for IE support. If you are using jQuery, you can also try the getScript()
method: http://api.jquery.com/jQuery.getScript/
这篇关于试图在脚本标记上触发onload事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!