javascript - Quelle est la différence entre Img.complete et img.onload pour déterminer quand l'image est chargée?

Question

Quelle est la différence entre les deux pour déterminer si l'image est chargée ? Généralement, l'événement onload sera rappelé une fois le chargement terminé. Img.complete est-il toujours nécessaire ?

Answer 1

img.complete est une propriété de l'objet Image et renvoie une valeur booléenne ; img.onload est un événement déclenché après le chargement de l'image

Answer 2

Ces deux-là n'ont que des fonctions img.complete可以判断图片加载完成，img.onload并不能判断图片是否加载完，而是在加载完毕之后，直接运行onloadliées.

Answer 3

complete n'est qu'un attribut de l'objet HTMLImageElement, tandis que onload est le rappel d'événement de chargement de l'objet Image. Le premier ne peut pas effectuer avec précision des rappels asynchrones lorsque l'événement se produit et présente des problèmes de compatibilité avec le navigateur.

Answer 4

La propriété onload du mixin GlobalEventHandlers est un gestionnaire d'événements pour l'événement de chargement d'un élément Window, XMLHttpRequest, <img>, etc., qui se déclenche lorsque la ressource est chargée.
L'événement onload sera libéré lorsque img est chargé , src L'image est chargée de manière asynchrone Si le chargement est terminé avant l'événement de liaison, l'événement onload ne sera pas déclenché.
img.complete est une propriété qui existe toujours et qui est vraie une fois le chargement terminé.