Comment appeler des fonctions JavaScript en HTML ?-js tutoriel-php.cn

Comment appeler des fonctions JavaScript en HTML ?

PHPz

Libérer： 2023-09-14 09:53:04

avant

1450 Les gens l'ont consulté

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>

Copier après la connexion

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 函数？