Loading scriptek, képek, keretek, onload és onerror
A böngésző lehetővé teszi, hogy nyomon kövesse betöltése külső források - scriptek ifreymov, képek és a többiek.
Ehhez két esemény:
- onload - ha a letöltés sikeres.
- onerror - ha hiba történt betöltés közben.
Tekintsük a következő problémát.
A böngésző működik összetett felület, és hozzon létre egy másik komponens, meg kell töltse le a szkriptet a kiszolgálón.
Betöltéséhez külső script - egyszerűen:
... De miután podgruzki olyan funkciót, deklarált a forgatókönyvet? Ehhez meg kell fogni a végén a letöltés és végrehajtása a címke
A határon böngésző script feldolgozási terhelést vagy őt hibakezelő fogja állítani az összes három esemény: onload. onerror. onreadystatechange.
Az alábbi példa szolgál utóterhelést betöltése után a script, vagy hiba.
Úgy működik minden böngészőben:
Támogatás az eseményeket a többi erőforrást más:
. (Stílusok)
Támogatja onload / onerror minden böngészőben.
Onload támogatja minden böngésző. Ez az esemény működik, mint egy sikeres üzembe helyezés és hiba.
Megjegyzendő, hogy ha
Ebben a cikkben, áttekintettük az események onload / onerror a források.
Úgy lehet összefoglalni, osztva receptek:
Catch script betöltése (beleértve a hiba)
Tedd rakodók a onload + onerror + (a IE8-) onreadystatechange. a fent leírt módon a recept
Catch a kép letöltés vagy stílus
Tedd rakodók onload + onerror
A képek elkezd betölteni azonnal létrehozását, nem kell beszúrni ezt HTML.
A munka IE8-, src után kell elhelyezni a onload / onerror.
loading fogás
Támogatott csakis onload. Ő fog működni, ha IFRAME tele van minden podresursami, valamint hiba esetén.
Általában, amíg a kép betöltődik (vagy kikapcsolt kép), a látogató lát egy üres hely a szöveg «ALT». Azonban ez a tulajdonság nem teszi lehetővé a HTML-formázást.
Ha mobil hozzáférési kis sebességgel, és kívánatos lenne, hogy a látogató egyszer látott egy gyönyörű szöveget.
Demo: (kattintson a „reset”, hogy hogyan kell letölteni és cseréje)
Bing képek kifejezetten nem úgy, hogy a szöveg marad „ahogy van”.
A forrás jelölő dokumentum tartalmazza a szöveges és képes linkeket.
A szöveget az oldalon, ezért az eredeti DIV. osztályú img csere és adat-src attribútum a képet.
replaceImg () függvény kell keresni az ilyen DIV és töltsd fel a képet a megadott src. Szerint onload végzett DIV a csere képet.