在文档完全加载后检测（包括图像）

Question

我有一个包含约100张图像的HTML页面。如何检测页面何时完全加载，包括所有图像？我一直在使用以下代码，它似乎可以在Chrome 80中使用。

document.onreadystatechange = function () {
    if (document.readyState == "complete") {
        setTimeout(init, 10);
    }
}

但是，Firefox 72立即触发init功能。当init功能启动后，我可以看到它们弹出并下载的图像。是否有跨浏览器方法可以满足我的需要？谢谢。

FYI，图像文件为PNG格式，但嵌入在SVG文件中。并将SVG文件嵌入HTML文件中。如果需要，我可以发布链接。

Answer 1

这可能对您有用

document.addEventListener('DOMContentLoaded', function() {
   // your code here
}, false);

或您可以使用此一个

document.onreadystatechange = function(){
    if (document.readyState === "complete") {
       myFunction();
    } 
}