Wie funktioniert Inline-JavaScript mit HTML?-HTML-Tutorial-php.cn

Wie funktioniert Inline-JavaScript mit HTML?

PHPz

Freigeben： 2023-09-01 14:33:06

nach vorne

529 Leute haben es durchsucht

Wie funktioniert Inline-JavaScript mit HTML?

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>

Beispiel 1

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>

Nach dem Login kopieren

Anleitung

Schritt 1 – Fügen Sie in einer einfachen HTML-Datei ein Titel-Tag hinzu
und zeigen Sie einen Titel Ihrer Wahl an.
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!

Wie funktioniert Inline-JavaScript mit HTML?

Beispiel 1

Anleitung

und zeigen Sie einen Titel Ihrer Wahl an.