javascript - onload 处理程序和 src 集的顺序在脚本元素中是否重要？

Question

即将到来 from this answer上面写着:

You should set the src attribute after the onload event, f.ex:

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

You should also append the script to the DOM before attaching the onload event:

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

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 handler和src的顺序有那么重要吗？我认为它们是由浏览器立即评估的，所以我认为它们之间没有区别:

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

和

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

我说得对吗？

Answer 1

'el' 是否已经成为您实时 DOM 的一部分？如果是这样，当您更改它的 onload 事件处理程序时，它的内容将不会被评估(因为加载事件已经发生)。

el.onload = function() {//...

如果 el 尚未添加到页面中，例如，如果您正在构建 View ，并且在设置所有内容后将被注入(inject)到页面中，那么是的，它的加载事件将在添加到页面时被触发。

请注意“src”中的内容可能取决于“onload”中发生的事情。