Manchmal müssen Sie die Größe des Bildes erhalten, das nach dem Laden des Bildes geladen werden muss. Im Folgenden hat der Herausgeber eine Zusammenfassung mehrerer Methoden für die Beurteilung zusammengestellt, ob ein JS -Bild geladen ist. Schauen wir uns an.
1. Ladenereignis
<script type = "text/javaScript"> $ ('img'). onload = function () {// code} </script>Vorteile: Einfach und einfach zu bedienen, ohne den HTML -Code zu beeinflussen.
Nachteile: Es kann nur ein Element angegeben werden, und der Javascipt -Code muss unter dem Bildelement platziert werden
2. JQuery -Methode
<script type = "text/javaScript"> $ (function () {$ ('. pic1'). Jeweils (Funktion () {$ (this) .load (function () {$ (this) .fadein ();});});}) </script>Beachten Sie, dass das Lastereignis nicht in $ (document) .Ready () binden.
Vor-
Nachteile: Die Unterstützung der JQuery -Bibliothek ist erforderlich, und der Code muss unter das Element platziert werden, das betrieben werden muss.
3.. ReadyStatechange Event
<! DocType html> <html> <Head> <meta charset = "utf -"> <title> img - ReadyStatechange Ereignis </title> </head> <body> <img id = "img" src = "http://pic.win.com/wallpaper/f. type = "text/javaScript"> img.onreadyStatechange = function () {if (img.readystate == "complete" || img.readystate == "Loaded") {P.InnerHtml = 'ReadyStatechange: geladen'}} </script> </body> </html>ReadyState ist vollständig und geladen, was bedeutet, dass das Bild geladen wurde. Testen, dass IE6-IE10 diese Veranstaltung unterstützt, andere Browser jedoch nicht.
4. Das vollständige Attribut von IMG
<! DocType html> <html> <head> <meta charset = "utf -8"> <title> img - Vollständiges Attribut </title> </head> <body> <img id = "img1" src = "http://pic1.win4000.com/wallpaper/f/51c3bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb. id="p1">loading...</p><script type="text/javascript">function imgLoad(img, callback) {var timer = setInterval(function() {if (img.complete) {callback(img)clearInterval(timer)}}, 50)}imgLoad(img1, function() {p1.innerhtml ('geladen')}) </script> </body> </html>Umfragen werden kontinuierlich das vollständige Attribut von IMG überwacht. Wenn es zutrifft, bedeutet dies, dass das Bild geladen wurde und die Umfrage gestoppt wird. Diese Eigenschaft wird von allen Browsern unterstützt.
Der obige Inhalt ist eine Zusammenfassung der JS -Methode, um festzustellen, ob das Bild vom Editor geladen wird. Ich hoffe, es wird für alle hilfreich sein. Gleichzeitig möchte ich Ihnen viel für Ihre Unterstützung für die Wulin Network -Website danken!