如何知道文档是否已加载

Question

如果DOM已加载，我有一段JS代码需要确定。我知道有执行JS代码的几种方法，当DOM加载，如：

$(document).ready(function() { ... }); // Jquery version 

document.body.onload = function() { ... } // Vanila JS way 

我要寻找一些方法，它看起来像

function isDOMLoaded() { 
    // Do something to check if DOM is loaded or not 
    // return true/false depending upon logic 
} 

PS：更新（邮政的答案接受） 我碰巧看到jquery也使用相同的方法来检查DOM是否已加载。看看在Implementation of jquery.ready() here

bindReady: function() { 
    if (readyBound) { 
     return; 
    } 

    readyBound = true; 

    // Catch cases where $(document).ready() is called after the 
    // browser event has already occurred. 
    if (document.readyState === "complete") { 
     return jQuery.ready(); 
    } 

    ... 

Answer 1

function isDOMLoaded(){ 
return document.readyState == 'complete'; 
} 

Answer 2

这个怎么样？

var flgDOMLoaded=false; //Set a global variable 
$(document).ready(function() { 
    flgDOMLoaded= true; 
    // Some code 
}); 

function isDOMLoaded() { 
    return flgDOMLoaded; // return it. 
    //You don't need this function at all. You could just access window.flgDOMLoaded 
} 

Answer 3

您可以使用类似这样

function isLoaded() { 
    return (document.readyState === 'ready' || 
      document.readyState === 'complete') 
} 

检查ready和complete状态。

ready仅在短时间内出现，但确实反映DOM何时准备就绪。当页面完全加载时，状态变为“完成”。如果您碰巧只检查就绪功能将失败，所以我们也检查这个状态。