Maison  >  Article  >  interface Web  >  À quoi sert Load en JavaScript ?

À quoi sert Load en JavaScript ?

醉折花枝作酒筹
醉折花枝作酒筹original
2021-07-19 16:21:2111452parcourir

L'utilisation de load en JavaScript est "$(element).load (fonction exécutée lorsque l'élément spécifié est chargé)". Lorsque l'élément spécifié (et les sous-éléments) ont été chargés, l'événement load() se produit. Cet événement s'applique à tout élément doté d'une URL (tels que des images, des scripts, des frames, des iframes).

À quoi sert Load en JavaScript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Définition et utilisation

L'événement load() se produit lorsque l'élément spécifié (et les éléments enfants) a été chargé.

Cet événement s'applique à tout élément avec une URL (tels que des images, des scripts, des cadres, des iframes).

Selon les différents navigateurs (Firefox et IE), l'événement de chargement peut ne pas être déclenché si l'image a été mise en cache.

$(selector).load(function)

À quoi sert Load en JavaScript ?

Lorsque l'image se charge, modifiez le texte de l'élément div :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("img").load(function(){
    $("div").text("图像已加载");
  });
});
</script>
</head>
<body>
<img  src="/i/shanghai_lupu_bridge.jpg" / alt="À quoi sert Load en JavaScript ?" >
<div>图像正在加载中 ...</div>
<p><b>注释:</b>根据不同的浏览器(Firefox 和 IE),如果图像已被缓存,则也许不会触发 load 事件。</p>
</body>
</html>

Effet :

À quoi sert Load en JavaScript ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn