HTML und JavaScript sind zwei wesentliche Technologien in der Webentwicklung. Durch die HTML-Auszeichnungssprache können wir das Seitenlayout anzeigen, während JavaScript die Seite dynamischer und interaktiver macht. In diesem Artikel wird erläutert, wie JavaScript-Methoden in HTML aufgerufen werden.
Eine JavaScript-Methode ist ein wiederverwendbarer Codeblock, der bei Bedarf aufgerufen werden kann. Es gibt im Wesentlichen zwei Möglichkeiten, JavaScript-Methoden in HTML aufzurufen:
Durch Hinzufügen des „onclick“-Attributs zum HTML-Tag können Sie JavaScript-Methoden direkt in HTML aufrufen. Zum Beispiel:
<button onclick="alert('Hello World!')">点击我</button>
Wenn im obigen Code auf die Schaltfläche geklickt wird, wird ein Eingabeaufforderungsfeld „Hallo Welt!“ angezeigt. onclick bedeutet „Klickereignis“ und „alert(‚Hello World!‘)“ ist eine JavaScript-Methode, die ein Eingabeaufforderungsfeld öffnet.
Zusätzlich zum direkten Aufrufen von JavaScript-Methoden in HTML-Tags können Sie JavaScript-Methoden auch über Ereignis-Listener aufrufen.
Nachdem die Seite geladen wurde, müssen wir beispielsweise JavaScript-Methoden aufrufen, um den Seitenstil festzulegen. Sie können den folgenden Code in HTML hinzufügen:
<script> window.onload = function() { setPageStyle(); }; function setPageStyle() { // ... } </script>
Im obigen Code rufen wir die JavaScript-Methode namens setPageStyle über den window.onload-Ereignis-Listener auf, nachdem die Seite geladen wurde.
Es ist zu beachten, dass die beiden oben genannten Methoden JavaScript-Methoden in HTML aufrufen, sodass der JavaScript-Code im „