Diferença entre a janela.Onload e $.preparar
O "janela.carregando" e a "$ (documento).preparar()”São usados para executar o código JavaScript quando a página termina de carregar, mas a principal diferença é quando eles são executados e como são usados. "janela.OnLoad ”aguarda todos os ativos na página terminar o carregamento, incluindo imagens e outros recursos externos, enquanto“ $ (documento).pronto () "aguarda o DOM estar totalmente carregado, mas não espera que recursos externos, como imagens, terminem de carregar.
Esta postagem definirá a diferença/variações entre “janela.Onload ”e o“ $ (documento).preparar()".
Diferença entre “janela.Onload ”e“ $ (documento).preparar()"
““janela.carregando" e "$ (documento).preparar()”São diferentes na execução do código JavaScript quando a página terminar de carregar. A seguir, são apresentadas as principais variações entre esses dois:
| "janela.carregando" | “$ (Documento).preparar()" |
| "janela.Onload ”é um evento JavaScript embutido. | “$ (Documento).pronto () ”é específico para a biblioteca jQuery. |
| Espera até que todos os ativos da página terminam de carregar. | Ele espera que o DOM esteja totalmente carregado, mas não espera pelos recursos externos. |
| Pode causar tempos de carregamento de página mais lentos se recursos pesados estiverem sendo carregados. | Mais rápido, pois não espera que todos os recursos sejam carregados. |
| Apenas uma função pode ser atribuída. | Várias funções podem ser atribuídas e executadas em ordem. |
| Compatível com todos os navegadores. | Requer biblioteca jQuery. |
| Não recomendado para anexar ouvintes de eventos, pois isso pode causar problemas de desempenho. | Recomendado para anexar os ouvintes de eventos a elementos DOM. |
Como usar a “janela.OnLoad () ”Método em JavaScript?
O "janela.carregando()”O método é comumente usado no JavaScript para executar ações ou executar código após o término da página.
Sintaxe
A sintaxe a seguir é utilizada para o JavaScript “Janela.Método OnLoad ”:
janela.OnLoad = function ()
// código
;
Ou você também pode usá -lo como:
function funcname ()
// código
janela.onLload = funcname ();
Exemplo
Ligue para a “janela.Evento OnLoad ”com uma função“carregando()”Para mostrar uma mensagem alert () na página Carregar:
janela.OnLoad = função carregamento ()
alerta ("página é carregada com sucesso");
;
A saída indica que a função no evento Onload será exibida após o carregamento da página:
Como usar “$ (documento).função pronta () ”em javascript?
““$ (documento).preparar()”A função é uma parte importante da biblioteca jQuery. Ele executa o código JavaScript assim que o DOM estiver preparado para manipulação depois que o documento foi carregado no navegador.
Sintaxe
Use a sintaxe dada para a função Ready ():
$ (documento).pronto (function ()
// código
);
Exemplo
Para usar o “$ (documento).função pronta () ”, primeiro adicione a biblioteca jQuery na tag:
Chame a função pronta para mostrar uma mensagem de alerta enquanto Dom está pronto para manipular:
$ (documento).pronto (function ()
alerta ("página é carregada com sucesso");
);
Saída
Isso é tudo sobre a “janela.Onload ”e“ $ (documento).função pronta () ”em javascript.
Conclusão
““janela.carregando"É um JavaScript"evento" enquanto o "$ (documento).preparar()" é um "função”Específico para a biblioteca jQuery. Ambos estão sendo usados para executar o código JavaScript quando a página terminar o carregamento. A principal distinção/variação entre esses dois é que a “janela.OnLoad ”aguarda o carregamento de todos os ativos na página para terminar o carregamento. Enquanto o “$ (documento).pronto () ”espera que o DOM esteja totalmente carregado, mas não espera pelos recursos externos. Este post descreveu a diferença entre “janela.Onload ”e o“ $ (documento).pronto () ”em JavaScript e seu uso com exemplos.