2016-08-23 7 views
1

sagen, dass ich den folgenden Code habe:Lädt die Quelle des Bilds auch die Quelle?

var img = document.createElement('img'); 
img.src = 'https://somePicture.png'; 

Habe das Bild sofort mit den Daten der Quelle, auch wenn ich das Bild anhang nicht auf das DOM geladen werden? Mit anderen Worten, kann ich einen Rückruf mit img.onload() ausführen, der auch dann ausgeführt wird, wenn ich das Bild dem Benutzer nicht zeige?

Antwort

3

Ja, das Quellattribut wird das Bild laden.

Sie können ein Ladeereignis an das Bild anhängen, und das Festlegen des Quellenattributs, wenn es sich gerade nicht auf der Seite befindet, ist auch der gängigste Ansatz beim Vorladen von Bildern, um ein Reißen auf der Seite während eines Bildwechsels zu verhindern.

4.7.1 Das img Element

In einem Kontext, in dem Browser-scripting deaktiviert ist, können Benutzerprogramme Bilder erhalten sofort oder auf Abruf. In einem Browsing-Kontext, in dem Skripting aktiviert ist, müssen Benutzerprogramme Bilder sofort abrufen.

Ein Benutzeragent, der sofort Bilder abruft, muss die Bilddaten eines img-Elements synchron aktualisieren, wenn dieses Element mit einem src-Attribut erstellt wird. Ein Benutzeragent, der sofort Bilder abruft, muss die Bilddaten eines img-Elements auch dann synchron aktualisieren, wenn für dieses Element das src- oder crossorigin-Attribut festgelegt, geändert oder entfernt wurde.

https://www.w3.org/TR/html5/embedded-content-0.html#the-img-element

Verwandte Themen