HTMLCSSJavaScriptIndexRoadmapImpressum

JavaScript direkt im HTML-Dokument einbinden

Du kannst JavaScript direkt in einer HTML-Datei schreiben – mit demscript-Tag, ohne eine separate Datei. Das eignet sich gut für kleine Skripte und zum Ausprobieren.

index.html

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="UTF-8">
5    <title>Internes JavaScript</title>
6</head>
7<body>
8
9    <h1>JavaScript in HTML Dukument einbinden</h1>
10
11 
12
13    <!-- JavaScript direkt im HTML-Dokument -->
14    <script>
15    //Hier kommt JavaScript rein
16    </script>
17
18</body>
19</html>

Erklärung

  • Der JavaScript-Code steht zwischen <script> und </script>.
  • Anders als bei externen Dateien wird hier kein src-Attribut verwendet.
  • Das script-Tag steht am besten am Ende des body-Bereichs, damit alle HTML-Elemente zuerst geladen sind.
  • Für größere Projekte solltest du meist eine externe JavaScript-Datei verwenden.

Im nächsten Kapitel lernst du: Inline-JavaScript im HTML-Element