Depois que o navegador carrega o DOM, ele adicionará eventos ao elemento DOM através do JavaScript. No JavaScript, o método window.onload () geralmente é usado.
No jQuery, o método $ (document) .ready () é usado. Deixe -me apresentar a diferença entre os dois abaixo.
| window.onload () | $ (documento) .ready () | |
| Timing de execução | Execute todos os elementos da página (incluindo imagens e arquivos de referência) após o carregamento. | Todos os DOMs HTML na página serão executados após a carga da estrutura CSS DOM e outras imagens podem não ser carregadas. Se você deseja todo o conteúdo da página da web (incluindo imagens, etc.) para carregar, registre o evento e use $ (janela) .load (função); Equivalente a window.onload () |
| Escreva um número | Você não pode escrever várias palavras ao mesmo tempo, o último substituirá o anterior. ex: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } O resultado será "B" Se você deseja executar alerta ("a") e alerta ("b") em sequência, você precisa escrever window.onload = function () { alerta ("A"); alerta ("b"); } | Pode escrever múltiplos simultaneamente |
| Abreviação | nenhum | $ (document) .ready (function () { //pendência; }); Pode ser escrito como $ (). Pronto (function () {// $ () sem parâmetros é documento //pendência; });ou $ (function () { //pendência; }); |