Függvény meghívása a javascript oldal betöltésekor. Több funkció futtatása betöltéskor

Ha már többé-kevésbé tudja JavaScript akkor valószínűleg hallott már az eseménykezelőről Betöltés amelyet úgy hívnak Feltöltés alatt... Ez az esemény azonnal aktiválódik az oldal betöltésekor. És nagyon gyakran, amikor az oldal betöltődik, valamilyen funkciót végre kell hajtani. De mi van, ha kell több JavaScript függvény futtatása? Valójában ezt a kérdést az oldal egyik felhasználója tette fel. Ezért kb több funkció futtatása betöltéskor, ebben a cikkben fogok írni.

A megoldás valóban triviális, elég egy olyan függvényt futtatni, amelyben minden szükséges egyéb funkció elindul:

Ha kinyitod ez az oldal(nincs olyan fontos dolog, mint a címke html vagy például az oldal címét és kódolását, hogy könnyebb legyen a kód megértése), látni fogja, hogy az oldal betöltésekor hogyan indulnak el a funkciók b ()és c ().

az oldal betöltésekor a gombra kattintva (4)

Futtatni akarok egy függvényt az oldal betöltésekor, de nem szeretném használni .

Van egy szkriptem, ami lefut, ha inicializálom , Például:

Funkció kódCím () (// kód)

De szeretném anélkül futtatni és sok mindent kipróbáltam, pl.

Window.onload = codeAddress;

De nem megy.

Tehát hogyan tudom elérni, hogy oldalbetöltéskor fusson?

window.onload = function () (... stb. nem jó válasz.

Ez valószínűleg működni fog, de minden más, ehhez az eseményhez kapcsolódó funkciót is megszakít. Vagy ha egy másik függvény elkapja ezt az eseményt a tiéd után, akkor megszakad. Így később sok órát tölthet azzal, hogy kitalálja, miért nem létezik már valami, ami működik.

Megbízhatóbb válasz itt:

If (window.attachEvent) (window.attachEvent ("onload", yourFunctionName);) else (if (window.onload) (var curronload = window.onload; var newonload = függvény (evt) (curronload (evt); yourFunctionName () evt);); window.onload = newonload;) else (window.onload = yourFunctionName;))

Néhány kódot elfelejtettem, ahol megtaláltam, hogy a szerzőt igazoljam.

Függvény my_function () (// bármilyen kódot szeretnék futtatni az oldal betöltése után) if (window.attachEvent) (window.attachEvent ("betöltés", my_function);) else if (window.addEventListener) (window.addEventListener ("load ", my_function, false);) else (document.addEventListener (" load ", my_function, false);)

Remélem ez segít :)

A jQuery vagy a window.onload használata helyett a natív JavaScript átvett néhány nagyszerű funkciót a jQuery megjelenése óta. Mindenkinek van modern böngészők most már saját DOM-kész funkcióval rendelkezik a jQuery könyvtár használata nélkül.

Document.addEventListener ("DOMContentLoaded", függvény () (figyelmeztetés ("Kész!");), False);

window.onload = codeCím; működnie kell - és a teljes kód:

Teszt

Vessen egy pillantást a domReady szkriptre, amely lehetővé teszi több funkció konfigurálását a DOM betöltésekor történő végrehajtásra. Alapvetően ez az, amit Dom hajlandó megtenni sok népszerű JavaScript-könyvtárban, de könnyű, és hozzáadható a program elején. külső fájl forgatókönyv.

Használati példa

// hivatkozás hozzáadása a domReady szkriptre, vagy // a szkript tartalmát elhelyezve itt függvény codeAddress () () domReady (codeAddress);

Ma egy olyan problémáról szeretnék beszélni, amely gyakran felmerül azoknak az embereknek, akik elkezdik megtanulni a Javascriptet.

Olyan HTML-elemekkel próbálnak kapcsolatba lépni az oldalon, amelyek kódja alacsonyabb, mint maga a szkript. Ennek megfelelően a szkript már be van töltve, de az interakcióhoz szükséges elem még nincs meg. Emiatt semmi sem fog működni.

Sajátosság Javascript nyelv abban, hogy a kódja szekvenciálisan, soronként kerül végrehajtásra, ahogy a forráskódban meg vannak írva.

Íme egy példa:

Névtelen dokumentum

A css szabály (háttérszín: sárga) nem vonatkozik a #block azonosítójú elemre, mert vonal

$ ("# blokk"). css ("háttérszín", "sárga");

A html sor betöltése előtt lefut:

Mi a teendő, ha egy kódot vagy függvényt csak a teljes dokumentum teljes betöltése után kell végrehajtanunk?

Három módszerről szeretnék beszélni, hogyan teheti ezt meg.

1 út. A Jquery könyvtár használata.

Leggyakrabban magam használom, a legegyszerűbb és legkényelmesebb megoldás, de ehhez csatlakoztatni kell a Jquery könyvtárat.

Így alakíthatja át az előző kódot, ha a következő módszert használjuk.

Névtelen dokumentum