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.

Shrnutí

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *