Maison > interface Web > Questions et réponses frontales > appel de méthode html js

appel de méthode html js

王林
Libérer: 2023-05-15 16:16:07
original
720 Les gens l'ont consulté

HTML et JavaScript sont deux technologies incontournables dans le développement web. Grâce au langage de balisage HTML, nous pouvons afficher la mise en page, tandis que JavaScript rend la page plus dynamique et interactive. Cet article explique comment appeler des méthodes JavaScript en HTML.

Une méthode JavaScript est un bloc de code réutilisable qui peut être appelé en cas de besoin. Il existe deux manières principales d'appeler des méthodes JavaScript en HTML :

  1. Appeler directement les méthodes JavaScript

En ajoutant "onclick" à la balise HTML Attributs peut appeler des méthodes JavaScript directement en HTML. Par exemple :

<button onclick="alert('Hello World!')">点击我</button>
Copier après la connexion

Dans le code ci-dessus, lorsque vous cliquez sur le bouton, une boîte de dialogue "Hello World!" apparaîtra. onclick signifie « événement de clic » et « alert('Hello World !') » est une méthode JavaScript, qui fera apparaître une boîte de dialogue.

  1. Appeler des méthodes JavaScript via des écouteurs d'événements

En plus d'appeler des méthodes JavaScript directement dans les balises HTML, vous pouvez également appeler JavaScript via la méthode des écouteurs d'événements .

Par exemple, une fois la page chargée, nous devons appeler des méthodes JavaScript pour définir le style de la page. Vous pouvez ajouter le code suivant en HTML :

<script>
  window.onload = function() {
    setPageStyle();
  };
  
  function setPageStyle() {
    // ...
  }
</script>
Copier après la connexion

Dans le code ci-dessus, nous appelons la méthode JavaScript nommée setPageStyle via l'écouteur d'événement window.onload après le chargement de la page.

Il est à noter que les deux méthodes ci-dessus appellent des méthodes JavaScript en HTML, le code JavaScript doit donc être placé dans la balise "

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal