我有一段需要判断DOM是否已加载的JS代码。我知道有几种在DOM加载完成后执行JS代码的方法,例如:
$(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是否已加载。请看这里实现jquery.ready()的代码
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();
}
...