In diesem Artikel erfahren Sie, wie Inline-JavaScript mit HTML funktioniert. Inline-JavaScript stellt einen Codeblock dar, der zwischen <script>-Tags in einer HTML-Datei geschrieben wird. Der Vorteil der Verwendung von Inline-JavaScript in HTML-Dateien besteht darin, dass der Hin- und Rückweg vom Webbrowser zum Server reduziert wird. </script>
Lernen wir, wie man mithilfe von Inline-JavaScript grundlegende Anweisungen in HTML-Dateien einfügt -
<!DOCTYPE html >
<html>
<head>
<h2> This is a simple HTML file</h2>
<script>
document.write("Hi, This is an inline Javascript code written in between script tags");
</script>
</head>
</html>Schritt 1 – Fügen Sie in einer einfachen HTML-Datei ein Titel-Tag hinzu
Schritt 2 – Fügen Sie ein Skript-Tag <script> unter dem Titel-Tag hinzu. </p></li> <li><p><b>Schritt 3</b> – Verwenden Sie im Skript-Tag die Funktion document.write(), um den Text zu drucken. </p></li> </ul> <h2>Beispiel 2</h2> <p>In diesem Beispiel drucken wir ein Array aus einer HTML-Datei mit Inline-JavaScript. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'><!DOCTYPE html > <html> <head> <h2> This is a simple HTML file</h2> <script> document.write("An Inline Javascript code to display an array") document.write("<br>") const inputArray = [3,4,5,6,7,8] document.write("The array is defined as :", inputArray) </script> </head> </html></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <h2>Anleitung</h2> <ul class="list"> <li> <p><b>Schritt 1</b> – Fügen Sie in einer einfachen HTML-Datei ein Titel-Tag hinzu </p> <h2> und zeigen Sie einen Titel Ihrer Wahl an. </h2> </li> <li><p><b>Schritt 2</b> – Fügen Sie ein Skript-Tag <script> unter dem Titel-Tag hinzu. </script>
Schritt 3 – Definieren Sie im Skript-Tag ein Array, d. h. inputArray, und fügen Sie dem Array Werte hinzu.
Schritt 4 – Drucken Sie das Array mit der Funktion document.write().
Das obige ist der detaillierte Inhalt vonWie funktioniert Inline-JavaScript mit HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
