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

Seitenanfang

Lesezeichen setzen

RSS Feed abbonieren

Hits: 61 - Bewertungen: 0


Ihr Kommentar Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Kommentare: 14 » 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

Das könnte Sie interessieren:

Name Weg!

Zeitgenerator (PHP) - Erstellt einen PHP-Code, der an einem selbstbestimmten Tag, einen eingegebenen Text anzeigt.

Bild als HTML-Button - Bild als HTML-Button, Bild als Submit-Button, und um eine JavaScript-Funktion zu starten.

Datenklau

Html-Tag Entferner - Mit diesem Tool können Sie alle HTML-Tags aus einem Dokument entfernen. Übrig bleibt nur noch der reine Text.

Textkonverter - Der Textkonverter konvertiert Text in verschiedene Formate. …mehr