如何确定用JS修改的页面何时加载完成？

Question

我有一个非常光秃的HTML页面加载2个JS文件。这些JS文件中的一个然后会将不同数量的内容加载到页面中。

我试图获得相当于window.onload这个额外的内容。很明显，window.onload实际上很快就会触发，当页面完成加载2个JS文件时。

任何想法？我知道我可以去附加onload事件到页面上的每个图像/脚本等，但宁可不...

Answer 1

编辑。如果回调不会帮助.load应该做这项工作。我已经将它添加到示例中。

在这种情况下，您需要回电。你在使用JavaScript库吗？如果是这样的图书馆？

在您现有的代码中，附加到文档后，您需要调用一个可以执行下一个代码的函数。

这样的事情。

//FILE 1 
$(function() { 

    $('body').append(someHTMLOrDOMNodes); 

    //I don't know what your second script does, but you should name this callback something relevant. 
    $('#idOfNewContent').load(function() { 
     callback(); 
    }); 

}); 

//FILE 2 
function callback() { 
    //next bit of code. 
}