Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Diferença entre o document ready e o window load

19-06-2013 17:24

Nesse post vou explicar a diferença entre:

$(document).ready(function() { });

e

window.onload = function() { }

A diferença, é que o ready, que é usado com a biblioteca jQuery carrega assim que a biblioteca esteja pronta para uso, não necessitando aguardar todo carregamento do documento, imagens, etc....

Já o onload, é mostrado exatamente assim que todos os elementos da página estiverem carregados, imagens, folhas de estilos, etc....

Faça um teste no seu computador com esse código abaixo

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>   <script> $(document).ready(function() { $('#ready').html('ready carregado'); });   window.onload = function() { $('#onload').html('load carregado'); } </script>   <div id="ready"></div> <div id="onload"></div> <img src="http://cdnx.sempretops.com/wp-content/uploads/fotos-de-fachadas-de-casas-com-garagem-2-carros.jpg">

Você vai observar que a mensagem ready carregado aparecer rapidamente, enquanto a mensagem load carregado, será mostrado somente que a imagem estiver completamente carregada.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]