Maison >interface Web >tutoriel HTML >Exécuter un script lorsque l'élément est chargé dans le HTML ?
Exécuter un script lorsque l'élément est chargé dans le HTML ?
- WBOYavant
- 2023-08-29 20:41:051151parcourir
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">
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>
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
}
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>
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!