JavaScript / JavaScript Einbinden

von: Werner Zenk

So binden Sie JavaScripte ein:
Es gibt zwei Arten, JavaScript auf einer Seite unterzubringen: direkt im Text oder als ausgelagerte Textdatei mit einem entsprechenden Link im HTML-Code.
Die letzte Variante hat deutliche Vorteile. So können Sie beispielsweise das Script verändern, ohne den HTML-Code zu bearbeiten. Zudem lässt sich das Script auf mehreren Seiten parallel verwenden.

Im HTML-Code binden Sie JavaScripts ein, indem Sie den JavaScript-Quelltext zwischen die Tags <script type="text/javascript"> und </script> setzen.

Als externes JavaScript rufen Sie es mit der Zeile:
<script type="text/javascript" src="script.js"></script> auf. Dabei befindet sich das JavaScript in der Datei script.js.

Ändern Sie nicht jedesmal die Menüs auf jeder Seite, wenn Sie eine Seite
umbenennen oder hinzufügen. Passen Sie nur das externe JavaScript an.
Sie können jeden beliebigen Html-Tag einfügen zum Beispiel: Links, Ihre
E-Mail-Adresse, Bilder oder Tabellen...

Dieses Beispiel zeigt ein JavaScript-Menü als externe Datei.

Den folgenden JavaScript-Code der externen Datei, speichern Sie mit
dem Namen: "script.js" ab:

document.write(' <a href="Seite1.htm"> Seite 1 </a> - ');
document.write(' <a href="Seite2.htm"> Seite 2 </a> - ');
document.write(' <a href="Seite3.htm"> Seite 3 </a> - ');
document.write(' <a href="Seite4.htm"> Seite 4 </a> - ');
document.write(' <a href="Seite5.htm"> Seite 5 </a> - ');

Der JavaScript-Code der HTML-Seiten:

<script type="text/javascript" src="script.js"></script>

So sieht das JavaScript-Beispiel aus:

Seite 1 - Seite 2 - Seite 3 - Seite 4 - Seite 5

Wenn Ihr Webserver PHP unterstützt dann sollten Sie folgenden Artikel lesen » Seiten dynamisch mit PHP generieren

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Kommentare: 13 » aufmachen user: Ein gute Erklärung bezueglich der Einbindung von Javascript user: Ein gute Erklärung bezueglich der Einbindung von Javascript julian: ich finds gut erklärt! zoe-vamp: Die Einbindung eines Menüs geht einfacher über PHP. Da brauch man doch auch kein unnötiges document.write(); wieder und wieder zu wiederholen. Werner: Aber nur wenn PHP auch auf dem Server installiert ist. Yann: ist aber auf den meisten heutzutage schon installiert und zugelassen! HomePager: Danke für die Codes. Ich habe mit Frames eine HP erstellt und eine HTML-Datei mit einem Alternativmenü erstellt (für Browser ohne Frame-Unterstützung) und wollte jetzt den Code für beide Menüs per Javascript einfügen lassen. Danke nochmal, jetzt kann ichs! Silent: Echt klasse erklärt lightblue7: hi, ich verstehe nur immernochnicht wie ich zb. variablen(,die ja nur in javas. gehen) in html eingebunden werden. Z.b. wenn ich möchte, dass die Variable trn sich um eins erhöht wenn ich einen button klicke? Werner: Der Button muss dann eine Funktion über onClick="" aufrufen: <input type="button" value="los" onClick="start();"> Karsten: So und wie binde ich 2 scripts in eine index.html ein?MFG Werner: Ganz einfach mit <script type="text/javascript" src="script.js"></script> <script type="text/javascript" src="script2.js"></script> Erdem: Wirklich sehr schön und leicht erklärt! Kolibry: Ich fand diesen Tipp schon sehr gut erklärt, nur bei mir funktioniert die Umsetzung nicht. Ich möchte eine vertikale Bildlaufleiste in meine Webseite einbauen. Leider funktioniert es weder, wenn ich den Code direkt in den Html-Text eingebe, noch wenn ich den Code extern als .js ablege und dann einbinde. Wo kann ich hierfür Support bekommen? MVG Kolibry Christoph: Genau danach habe ich gerade gesucht - perfekt! Alex: Habe das dynamische JS mal ausgelagert, mal schauen was bei der Uhrzeit noch so rum kommt
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Google Suche oder URL-Adresseingabe

Datum - Anzeige des Datums

Fenstergröße je nach Inhalt

Bei Bestätigung weiter - Nur wenn die Checkbox angeklickt wird, gelangt man mit dem Button auf die nächste Seite.

Formular mit Button Zurücksetzen und Funktion aufrufen

JS-Index - Objekteigenschaften

Escape-Zeichen - (Escape-Codes) Formatierung von auszugebenden Texten in JavaScript oder PHP. …mehr