Cuprins:
- Cum se utilizează $ (document). gata ()
- Utilizarea documentului. mecanism gata
- Alternative la documente. gata
Video: Section 10 2024
Multe pagini HTML5 și CSS3 necesită o funcție de inițializare. Mecanismul de încărcare a corpului este folosit frecvent în DOM / JavaScript pentru a încărca paginile de îndată ce documentul a început să se încarce. Aceasta este o funcție care se execută devreme pentru a configura restul paginii. În timp ce încărcarea de caroserie face acest lucru bine, există câteva probleme cu tehnica tradițională:
-
Este necesară o modificare a codului HTML. Codul JavaScript ar trebui să fie complet separat de HTML. Nu ar trebui să vă modificați codul HTML pentru ca acesta să funcționeze cu JavaScript.
-
Momentul nu este încă corect. Codul specificat în timpul încărcării corporale nu se execută decât după afișarea întregii pagini. Ar fi mai bine dacă codul a fost înregistrat după DOM-ul este încărcat, dar înainte de se afișează pagina.
Cum se utilizează $ (document). gata ()
jQuery are o alternativă excelentă la încărcarea corporală care depășește aceste neajunsuri. Uitați-vă la cod pentru a vedea cum funcționează:
gata. html $ (document). gata (changeme); funcția changeMe () {$ ("output"). html ("Am schimbat");}Utilizarea documentului. mecanism gata
A apărut această modificare?
Acest cod utilizează tehnica jQuery pentru a rula codul de inițializare:
-
Eticheta corporală nu mai are atributul onload . Aceasta este o caracteristică comună a programării jQuery. Codul HTML nu mai are linkuri directe către JavaScript, deoarece jQuery permite atașării codului JavaScript la pagina web.
-
Funcția de inițializare este creată cu $ (document). gata funcția () . Această tehnică indică browserului să execute o funcție când DOM a terminat de încărcat (astfel încât să aibă acces la toate elementele formularului), dar înainte ca pagina să fie afișată (astfel încât orice efecte ale formularului să apară instantaneu utilizatorului).
-
$ document face un obiect jQuery din întregul document. Întregul document poate fi transformat într-un obiect jQuery prin specificarea documentului în interiorul funcției $ (). Rețineți că nu utilizați ghilimele în acest caz.
-
Funcția specificată este rulată automat. În acest caz special, doriți să executați funcția changeMe (), așadar plasați-o în parametrul metodei ready (). Rețineți că acest lucru se referă la changeMe ca variabilă, deci nu are ghilimele sau paranteze.
Puteți vedea mai multe alte locuri (în special în tratarea evenimentelor) în care jQuery așteaptă o funcție ca parametru. O astfel de funcție este frecvent menționată ca o funcție apel invers deoarece se numește după ce a apărut un eveniment.De asemenea, veți vedea funcții de apel invers care răspund la evenimentele tastaturii, mișcarea mouse-ului și finalizarea unei solicitări AJAX.
Alternative la documente. gata
Uneori vedeți câteva comenzi rapide deoarece este atât de comun pentru a rula codul de inițializare. Puteți scurta
$ (document). gata (changeme);
la următorul cod:
$ (changeMe);
Dacă acest cod nu este definit în interiorul unei funcții și schimbareaMe este o funcție definită pe pagină, jQuery execută automat funcția direct ca și documentul. gata.
De asemenea, puteți crea direct o funcție anonimă:
$ (document). gata (funcția () {$ ("output"). html ("Am schimbat");});
Această metodă (funcție anonimă) este greoaie, dar vă vedeți frecvent codul jQuery utilizând această tehnică. Puteți crea o funcție numită init () și apelați-o cu o linie ca aceasta:
$ (init);
Această tehnică este simplă și ușor de înțeles, dar este posibil să întâlniți celelalte variante pe măsură ce examinați codul pe web.