Método cross-browser para detectar que a página foi carregada em JavaScript Puro (vanilla)

Abaixo, uma maneira de verificar se o documento foi carregado em JavaScript puro usando readyState.

if (document.readyState === 'complete') {
    // A página foi completamente carregada
}

Como detectar que um documento está pronto!

let stateCheck = setInterval(() => {
    if (document.readyState === 'complete') {
        clearInterval(stateCheck);
        // document ready
    }
}, 100);

Outra maneira utilizando onreadystatechange.

document.onreadystatechange = () =>; {
    if (document.readyState === 'complete') {
        // document ready
    }
};

Use document.readyState === ‘interactive’ para detectar quando o DOM está pronto.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Identificar elemento ativo num documento HTML via JavaScript Como desabilitar o clique direito do mouse usando jQuery JavaScript – String para float com 2 casas decimais Copiar / Cortar / Colar para o clipboard usando JavaScript Como gerar um arquivo simples para download no browser usando JavaScript Pequena nota sobre um potencial bug em códigos JavaScript no Internet Explorer Como detectar mobiles / tablets / celulares usando caracteristicas CSS via JavaScript Convertendo chamada Angular.js 1.x $http para jQuery Ajax com cross-domain Maneira mais eficiente para detectar ad blockers