Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

reebr

$(document).ready() - sem JQuery

Por , em Javascript

Recommended Posts

reebr    94

reebr
Postado

Pessoal, estava procurando algumas formas de trabalhar independente de Plugins/Frameworks, inclusive o moderador Ted k' me disse que é melhor aprender Javascript puro antes de partir para o uso de plugins (se bem que eu quero evitar isso, por mais que facilite a vida). Enfim...

 

Veja o código abaixo:

<script>
    document.onreadystatechange = function(){
        if (document.readyState === 'complete')
            alert('Estou pronto');
    };
</script>

Aprendi que quando o DOM está pronto o valor de readyState irá mudar para 'complete'. Então, quando houver mudança de estado no documento ele faz essa verificação. Está certo isso?

 

Uma outra forma que também pode funcionar é usando addEventListener no documento, assim:

<script>
     document.addEventListener('DOMContentLoaded', function(){
          alert('Estou pronto também!'); 
     });
</script>

Está certo?

 

Minha dúvida é: Ambos os códigos substituem o $(document).ready() do JQuery? Funcionam da mesma forma?

 

Se sim, algum deles pode agir mais rápido? Ou são idênticos?

Se não, no que posso melhorar?

 

Obrigado :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Sim, funcionam da mesma forma, e o melhor para mim é não usar nenhum dos dois.

 

Coloque seus arquivos JS logo antes da tag que fecha o body e você já terá o DOM carregado no momento que o código é interpretado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito