recherche

Maison >interface Web >js tutoriel >Comment appeler des fonctions JavaScript en HTML ?

Comment appeler des fonctions JavaScript en HTML ?

PHPz
PHPzavant
2023-09-14 09:53:041512parcourir

Dans cet article, nous explorerons l'appel et l'initialisation de fonctions JavaScript à partir de modèles HTML. Nous avons besoin d'une fonction JavaScript pour exécuter la méthode requise sur l'entrée transmise.

Dans ce tutoriel, nous aborderons les deux principales méthodes d'appel de fonctions JavaScript à partir de pages HTML.

Dans la première méthode, nous prendrons une simple balise de saisie et un bouton de soumission qui lui est associé. Après avoir cliqué sur le bouton, nous verrons une boîte de dialogue apparaître à l'écran comme alerte. Cliquer sur ce bouton appelle une fonction JavaScript pour afficher l'alerte.

Méthode 1

  • Tout d'abord, sélectionnez un bouton à côté de la balise d'entrée

  • Après avoir cliqué sur le bouton, vous pouvez voir une boîte de dialogue apparaître à l'écran, qui a été déclarée comme alerte dans la fonction JavaScript. . La fonction

  • clickEvent() permet d'exécuter alert() lorsque ce bouton est cliqué en utilisant la méthode onclick().

Exemple 1

#index.html

<!DOCTYPE html>
<html>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <input type="button" onclick="clickEvent();" value="Click Here !" />
   <script>
      function clickEvent() {
         alert("Hey... The Javascript function is invoked.");
      }
   </script>
</body>
</html>

Output

Le programme ci-dessus produira les résultats suivants. Lorsque vous cliquez sur le bouton "Cliquez ici !", une alerte sera déclenchée et le message "Hé... Fonction Javascript appelée."

如何在 HTML 中调用 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!

JavaScript html alert li
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment définir l'angle de rotation d'un cercle à l'aide de FabricJS ?Article suivant：Comment définir l'angle de rotation d'un cercle à l'aide de FabricJS ?

Articles Liés

Voir plus