akna laadimise sündmusest aru saamiseks

Window Load Event Understand

Mõned JavaScripti skripti märgendid lehel peavad sageli suutma toimida alles pärast dokumendi laadimist, see võib põhjustada olukorda ei saa objekti, et vältida sarnaste olukordade esinemist, võite kasutada kahte järgmist võimalust:

(1) Skripti kood lehe allosas, skripti kood käitamise ajal, saate tagada, et manipuleeritavate objektide laadimine on lõpetatud.

(2). Skriptikoodi käivitamiseks window.onload.

Kastani jaoks:

Brauseri välimus:

div # bg värvi seaded ei õnnestunud, mis näitab, et skripti sildi kood käivitatakse enne renderdamist div # bg, ei leidnud div objekti, nii et konsool printis null

Laadimisürituse kasutamiseks muutke koodi:

Brauser kuvatakse tavapäraselt:

Teave window.onload sündmuste käitleja sidumise kohta:

window.onload eventi vaikefunktsioon käivitatakse ainult viimasena seotud, näiteks

window.onload = funcA

window.onload = funcB ；

Siis, kui aken on laaditud, on rakendatud ainult funcB

Kui soovite akna laadimisel täita mitu funktsiooni, võite omada pakendamisfunktsiooni

Funktsioonile saab lisada Js-faili, nt. addLoadEvent (test1) addLoadEvent (test2) on akna laadimisel teinud test1, test2

Jquery kasutatakse juhul, kui pärast akna laadimist on võimalik täita mitmeid funktsioone

Mõlemad funktsioonid täidetakse pärast akna laadimise lõpetamist

Võrdle window.onload ja $ (document) .ready ()

Lõppude lõpuks peab window.onload ootama, kuni lehe sisu (sh pildid) laaditakse

$ (Document) .ready () viiakse läbi pärast seda, kui kogu lehe DOM-i struktuuri joonis on lõpule viidud, seotud DOM-i elemendid ei pruugi kraami laadimist lõpetada, kuid kõik veebisaidi elemendid on jQuery's juurdepääsetavad samaväärsena DOMContentLoaded

$ (dokument) .load ()

Tuleb märkida, et meetodi $ (document) .ready () kasutamine sündmuse registreerimiseks ei pruugi seotud elemendifaili tõttu alla laadida, näiteks HTML ja allalaadimisega seotud pildid on lõpule viidud, kuid pilt pole lõpetatud laadimine, praegu ligipääsetav pilt ja sellised atribuudid ei pruugi olla efektiivse laiusega,

Nii et võite kasutada meetodit $ (document) .load (), kui aknaobjektiga sidumise funktsioon on laaditud päästikus (aknad, raamid, objektid, pildid jne), kui elemendi sidumine on see tuleb pärast laaditud päästikuelemendi sisu sisse, mis on samaväärne Javascriptiga

Window.onload = function () {}