Differenza tra la finestra.Onload e $.pronto
IL "finestra.Onload" e il "$ (documento).pronto()"Vengono utilizzati per eseguire il codice JavaScript quando la pagina termina il caricamento, ma la differenza principale è quando eseguono e come vengono utilizzati. "finestra.Onload "attende che tutte le risorse sulla pagina finiscano il caricamento, comprese le immagini e altre risorse esterne, mentre" $ (documento).Ready () ”attende che il DOM venga caricato completamente ma non attende che le risorse esterne come le immagini finiscano il caricamento.
Questo post definirà la differenza/le variazioni tra "finestra.Onload "e" $ (documento).pronto()".
Differenza tra "finestra.Onload "e" $ (documento).pronto()"
"finestra.Onload" E "$ (documento).pronto()"Sono diversi nell'esecuzione del codice JavaScript al termine della pagina. Le seguenti sono le variazioni chiave tra questi due:
| "finestra.Onload " | “$ (Documento).pronto()" |
| "finestra.Onload "è un evento JavaScript integrato. | “$ (Documento).Ready () "è specifico per la biblioteca jQuery. |
| Aspetta che tutte le risorse della pagina abbiano finito di caricare. | Aspetta che il DOM sia completamente caricato ma non attende risorse esterne. |
| Può causare tempi di caricamento della pagina più lenti se vengono caricate risorse pesanti. | Più veloce, in quanto non aspetta il caricamento di tutte le risorse. |
| È possibile assegnare una sola funzione. | Più funzioni possono essere assegnate ed eseguite in ordine. |
| Compatibile con tutti i browser. | Richiede JQuery Library. |
| Non consigliato per allegare gli ascoltatori di eventi, in quanto potrebbe causare problemi di prestazioni. | Consigliato per gli ascoltatori di eventi allegati agli elementi DOM. |
Come usare la "finestra.Metodo Onload () "in JavaScript?
IL "finestra.onload ()"Il metodo è comunemente usato in JavaScript per eseguire azioni o eseguire il codice dopo che la pagina è terminata.
Sintassi
La seguente sintassi viene utilizzata per la finestra JavaScript “.Metodo Onload ":
finestra.onload = function ()
// codice
;
Oppure puoi anche usarlo come:
funzione funcname ()
// codice
finestra.onload = funcname ();
Esempio
Chiama la "finestra.Evento Onload "con una funzione"caricamento()"Per mostrare un messaggio Alert () nella pagina Carica:
finestra.Onload = function caricing ()
Avviso ("La pagina è caricata correttamente");
;
L'output indica che la funzione sull'evento Onload verrà visualizzata dopo la pagina di caricamento:
Come usare “$ (documento).Funzione pronta () "in JavaScript?
"$ (documento).pronto()"La funzione è una parte importante della libreria jQuery. Esegue il codice JavaScript non appena il DOM è preparato per la manipolazione dopo che il documento è stato caricato nel browser.
Sintassi
Utilizzare la sintassi data per la funzione pronta ():
$ (documento).ready (function ()
// codice
);
Esempio
Per l'utilizzo del "$ (documento).funzione ready () ", aggiungi prima la libreria jQuery nel tag:
Chiama la funzione pronta per mostrare un messaggio di avviso mentre DOM è pronto a manipolare:
$ (documento).ready (function ()
Avviso ("La pagina è caricata correttamente");
);
Produzione
Questo è tutto per la "finestra.Onload "e" $ (documento).Funzione pronta () "in JavaScript.
Conclusione
"finestra.Onload"È un javascript"evento" mentre il "$ (documento).pronto()" è un "funzione"Specifico per la Biblioteca JQuery. Entrambi vengono utilizzati per eseguire il codice JavaScript al termine della pagina. La distinzione/variazione chiave tra questi due è che la "finestra.Onload "Attende il caricamento di tutte le risorse sulla pagina per finire il caricamento. Mentre il "$ (documento).Ready () ”attende che il DOM sia completamente caricato ma non attende risorse esterne. Questo post ha descritto la differenza tra "finestra.Onload "e" $ (documento).Ready () "in JavaScript e il suo utilizzo con esempi.