JavaScript : When exactly the function assigned to the onload event executes?

Question

function loadScript(src, callback) {
  let script = document.createElement('script');
  script.src = src;

  script.onload = () => callback(script);

  document.head.append(script);
}

loadScript('/my/script.js', function() {
  ...
  ...
});

这里回调函数是在onload事件触发时执行的。但是onload事件什么时候会被触发呢？ append 脚本时是否调用 onload 事件？因为我看到一旦调用 loadScript，我的回调函数就会执行。

Answer 1

它将脚本源从 script.src URL 复制到 DOM 并执行脚本中的代码后执行。

在 script.js 和回调函数中放入一些 console.log() 语句，您应该会看到一切发生的顺序。