javascript - 如何在Javascript onload事件中实现回调

Question

我真的不明白...我是 Javascript 的初学者。

我已将函数 onLoadDocument 附加到 document.onload 事件。

回调函数绝对必须在function111()和function222()完全完成其工作之后执行。

实际上，回调执行得太快，导致 function111 和 function222 出现问题。

如何仅在 function111 和 function222 完成其工作时执行回调函数？

function onLoadDocument(event, callback) {
    function111();
    function222();
    callback();
}

function after() {
    firstOpeningWindow = false;
}

document.onload = onLoadDocument(event, after);

Answer 1

问题是回调是函数引用，但是这一行:

onLoadDocument(event, after)

是一个函数调用，因此立即运行。另外，具有 load 事件的是 window，而不是 document。

function onLoadDocument(callback) {
    function111();
    function222();
    callback();
}

function after() {
    firstOpeningWindow = false;
}

// You have to supply a function reference here. So, to pass arguments
// you'd need to wrap your function invocation in another function that
// will be the callback
window.onload = function() { onLoadDocument(after) };