Maison > Article > interface Web > Comment appeler des fonctions JavaScript en HTML ?
Comment appeler des fonctions JavaScript en HTML ?
- PHPzavant
- 2023-09-14 09:53:041410parcourir
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."
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!