Exécuter un script lorsque l'élément est chargé dans le HTML ?-tutoriel HTML-php.cn

Exécuter un script lorsque l'élément est chargé dans le HTML ?

WBOY

Libérer： 2023-08-29 20:41:05

avant

1136 Les gens l'ont consulté

Exécuter un script lorsque lélément est chargé dans le HTML ?

Dans cet article, nous allons apprendre comment exécuter un script après avoir chargé un élément en HTML.

Lorsqu'un objet est chargé, l'événement onload se produit. Onload est le plus souvent utilisé dans l'élément

pour exécuter un script une fois que la page Web a complètement chargé tout son contenu. Cela peut être utilisé à diverses fins, telles que la vérification des cookies ou la configuration de la version de page appropriée en fonction du navigateur de l'utilisateur.

Plongeons dans cet article pour en savoir plus sur l'exécution de scripts après le chargement d'éléments en HTML.

Utilisez la méthode Onload

Une fois le chargement de l'élément terminé, l'événement onload se produira. Pour exécuter un script une fois la page Web entièrement chargée, utilisez-le avec l'élément body.

Grammaire

Ce qui suit est la syntaxe de la méthode onload.

<body onload="functionToBeExecuted">

Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous utilisons la méthode onload.

<!DOCTYPE html>
<html>
<body onload="loadFunction()">
   <h1>Welcome To TutorialsPoint</h1>
   <script>
      function loadFunction() {
         alert("Loaded Successfully");
      }
   </script>
</body>
</html>

Copier après la connexion

Lorsque le script est exécuté, l'événement est déclenché et une alerte « chargé avec succès » s'affiche sur la page Web.

Si l'utilisateur clique sur "OK", la page se chargera avec succès et affichera le texte "Bienvenue dans le point du didacticiel".

Utilisez la méthode window.onload

L'attribut onload de l'élément window est utilisé pour exécuter le script une fois la page Web entièrement chargée. Une fois la page Web chargée, cette fonctionnalité sera activée par l'attribut onload.

Grammaire

Voici la syntaxe de la méthode window.onload

window.onload = function exampleFunction() {
   // Function to be executed
}

Copier après la connexion

Exemple

Considérez l'exemple suivant dans lequel nous utilisons la méthode window.onload.

<!DOCTYPE html>
<html>
<body>
   <h1>The Best E-Way Learning.</h1>
   <script>
      function loadFunction() {
         alert("Window Loaded Successfully");
      }
      window.onload = loadFunction();
   </script>
</body>
</html>

Copier après la connexion

Lors de l'exécution du script ci-dessus, la fenêtre de sortie apparaîtra et lorsque l'événement est déclenché sur la page Web, une alerte « Fenêtre chargée avec succès » s'affichera.

Lorsque l'utilisateur clique sur « OK », la fenêtre se charge avec succès et affiche le texte « Meilleures façons électroniques d'apprendre » sur la page Web.

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!