在“完成頁面加載”和“所有外部腳本執行之后”如何調用函數？

Question

如何在“完成頁面加載”和“所有外部腳本執行之后”調用函數？

我嘗試了以下所有4個選項，但是沒有運氣！！！

$(document).ready..
$(window).load...
window.onload = ...
$(document).ready(function()...

做setTimeout對我有用，但是不確定是否100％有效！！！！

setTimeout(function(){
//your code here
}, 3000);

請指教和幫助！！！

Answer 1

我一直對您的問題非常感興趣，並深入研究了我發瘋的jQuery源碼:)
但是關鍵是您應該在插入jQuery之后立即將這段代碼放在最開始：

$.statesNum = 0;
$.fn.ready = function ( fn ) {
    $.statesNum++;
    jQuery.ready.promise().done( fn ).then(function () {
        $.statesNum--;
        if ($.statesNum == 0) {
            $(document).trigger("afterReady");
        }
    });

    return this;
};

現在，只要您想在完成所有.ready函數之后執行某些操作，就可以像這樣：

$(document).on("afterReady", function () {
    alert("Hey, the ready functions are executed");
});

Answer 2

腳本按照它們在HTML中出現的順序加載和執行。 如果您有簡單的腳本，只需將要稍后運行的內容放在底部。

但是，如果您具有異步運行的復雜腳本（意味着它們並行運行），那么在不實際查看其工作情況的情況下就無法知道它們是否已完成執行。 例如，他們（或他們能否）觸發您可以聽的事件？ 或者，您可以使用“承諾”模式。