32 Kapitel 1
Den Code in die Seite einbauen
Sie können Ihren Code direkt in
die Seite einbetten. Am häufigsten
wird der Code per <script>-Element in den
<head>-Teil der Seite eingefügt. Das
scheint logisch und macht den Code
leicht auffindbar. Trotzdem ist das
nicht immer der beste Ort. Warum?
Lesen Sie weiter …
Wie bekomme ich den Code in meine Seite?
(… mal die Möglichkeiten zählen …)
Mittlerweile wissen Sie, dass Sie das <script>-Element mit Ihrem JavaScript-Code im <head>- oder im
<body>-Teil Ihrer Seite platzieren können. Daneben gibt es weitere Möglichkeiten, den Code einzubinden. Wir
werden alle einmal ansehen (und überlegen, warum eine Methode möglicherweise besser ist als eine andere):
Trotz der erdrückenden
Beweislast finde ich, dass
der Code auch gut in den
<head>-Teil passt.
Oder Sie können den
Code im body-Teil des
Dokuments platzieren.
Umgeben Sie Ihren Code hierfür
mit <script>-Tags und fügen
Sie ihn im <body> der Seite
(typischerweise direkt vor dem
schließenden </body>-Tag) ein.
Das ist schon etwas besser.
Warum? Wenn der Browser Ihre
Seite lädt, holt er sich zunächst alle
im <head>-Teil referenzierten Daten
– bevor die Informationen aus dem
<body>-Teil abgerufen werden. Befindet
sich Ihr Code im <head>, müssen die
Benutzer möglicherweise warten, bis
die Seite dargestellt wird. Wird der
Code dagegen erst nach dem HTML im
<body> der Seite geladen, können die
Benutzer den Seiteninhalt schon sehen,
während der Code noch geladen wird.
Es gibt aber eine noch bessere Methode.
Lesen Sie weiter …
Oder Sie schreiben den Code in
eine eigene Datei und binden
diese im <head> der Seite des
Dokuments ein. Das funktioniert ge-
nau wie das Einbinden einer CSS-Datei.
Der einzige Unterschied ist, dass Sie
hier das src-Attribut des <script>-
Tags benutzen, um die URL Ihrer
JavaScript-Datei anzugeben.
Befindet sich Ihr Code in einer
externen Datei, ist er leichter
(unabhängig vom HTML-Code)
zu pflegen und kann in mehrere
Seiten eingebunden werden.
Der Nachteil ist, dass der Code
hierfür vor dem <body> der
Seite geladen werden muss. Gibt
es vielleicht noch eine bessere
Methode? Lesen Sie weiter …
Schließlich können Sie eine
externe Datei auch inner-
halb des <body>-Teils der
Seite einbinden. Damit sind beide
Vorteile vereint. Einerseits haben wir eine
schöne, wartbare JavaScript-Datei, die Sie
in beliebigen Seiten wiederverwenden
können. Andererseits wird sie erst am Ende
des <body>-Teils eingebunden, wodurch
der Inhalt schneller dargestellt werden
kann. Nicht schlecht.
Ihre HTML-Seite
<head>
<script>
Anweisung;
</script>
<script src=”mycode.js”></script>
<script>
Anweisung;
Anweisung;
</script>
<body>
<script src=”somecode.js”></script>
Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
