Načtení JavaScriptu
Shrnutí: v tomto výukovém programu se naučíte, jak zpracovat událost načtení, která se aktivuje na prvcích dokumentu, obrázku a skriptu v JavaScriptu. p>
Událost načtení okna
U objektu window
je událost load
spuštěna, když celá webová stránka (HTML) byla plně načtena, včetně všech závislých zdrojů, jako jsou soubory JavaScript, soubory CSS a obrázky.
Ke zpracování události load
se zaregistrujete posluchače událostí pomocí addEventListener()
metody:
Code language: JavaScript (javascript)
Nebo pomocí onload
vlastnost window
objektu:
Code language: JavaScript (javascript)
Pokud udržujete starší systém, možná zjistíte, že obslužná rutina události load
je zaregistrována v prvku těla dokumentu HTML, například takto:
Je dobrým zvykem používat addEventListener()
k přiřazení obslužné rutiny události onload
, kdykoli je to možné.
Událost načtení obrázku
load
událost se vyskytuje také na obrázcích. Ke zpracování události load
na obrázcích můžete použít addEventListener()
metodu obrazových prvků.
The následující příklad používá load
obslužnou rutinu události k určení, zda byl obrázek, který existuje ve stromu DOM, zcela načten:
Můžete přiřadit onload
obslužná rutina události přímo pomocí atributu onload
prvku <img>
, například:
Code language: HTML, XML (xml)
Pokud vytváříte prvek obrázku dynamicky, můžete před nastavením iv id = „c341d7013b“ přiřadit obslužnou rutinu onload
události. „>
vlastnost takto:
Jak to funguje:
- Nejprve vytvořte prvek obrázku po úplném načtení dokumentu tak, že umístíte kód dovnitř obslužná rutina události načítání okna.
- Zadruhé, pak přiřaďte k obrázku
onload
obslužnou rutinu události. - Za třetí, přidejte obrázek k dokumentu.
- Nakonec přiřaďte adresu obrázku k atributu
src
. Obrázek se stáhne do prvku, jakmile je nastavena vlastnost src.
Událost načtení skriptu
<script>
také podporuje událost load
mírně odlišnou od standardních způsobů.
Událost skriptu load
umožňuje zkontrolovat, zda byl soubor JavaScriptu načten úplně.
Na rozdíl od obrázků začne webový prohlížeč stahovat soubory JavaScriptu až po přiřazení vlastnosti src
a Do dokumentu byl přidán prvek <script>
.
Následující kód načte soubor app.js
poté, co byla stránka zcela načteno. Přiřadí onload
obslužnou rutinu události a zkontroluje, zda byl app.js
plně načten.