Heim >Web-Frontend >HTML-Tutorial >Wie funktioniert Inline-JavaScript mit HTML?
Wie funktioniert Inline-JavaScript mit HTML?
- PHPznach vorne
- 2023-09-01 14:33:06521Durchsuche
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>
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. </script>
Schritt 3 – Verwenden Sie im Skript-Tag die Funktion document.write(), um den Text zu drucken.
Beispiel 2
In diesem Beispiel drucken wir ein Array aus einer HTML-Datei mit Inline-JavaScript.
<!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>
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. </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!