javascript - 如何知道文件是否已加载

标签 javascript dom load

我有一段 JS 代码需要确定DOM 是否已加载。我知道有几种方法可以在 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 是否已加载。看看 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();
    }

    ...

最佳答案

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

关于javascript - 如何知道文件是否已加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16643232/

相关文章:

jquery - 使用 jquery 在 iframe 中加载图像

javascript - 如何将 css 和脚本文件引用到 node.js 应用程序中?

javascript - 使用 javascript 获取所有存在特定 CSS 属性的元素?

css - 如果有必要,嵌套的 id 是否可以——性能下降或其他?

jquery 如何防止 transitionend 事件被调用两次

android - 我无法在 webview 中整齐地加载网页

javascript - CORS 策略已阻止从源 'http://localhost:3000' 获取的访问权限

javascript - Ant design - 有没有办法获得我实际使用的样式?

javascript - jQuery getJSON 打印名称为字符串的数组

javascript - 通过更改容器的宽度来对齐文本