JavaScript einfügen

Eigenen JavaScript-Code können Sie beispielsweise in den head-Bereich der default.html oder über eine externe JavaScript-Datei einfügen.

1. JavaScript direkt in den head-Tag einfügen

Öffnen Sie die Datei default.html im Ordner templates/pages Ihres Layouts.

Auf Ihrer Website soll automatisch immer das aktuelle Datum angezeigt werden. Fügen Sie dazu den folgenden JavaScript-Code innerhalb des head-Elements ein.

Beispiel

<script type="text/javascript">
	window.onload = function() {

		var date = new Date();
		var wochentag = date.getDay();
		var wochentagText = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
		var tag = date.getDate();
		var monat = date.getMonth();
		var monatText = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
		var jahr = date.getFullYear();
		var datum = wochentagText[wochentag] + ", " + tag + ". " + monatText[monat] + " " + jahr;

		document.getElementById('date').innerHTML = datum;

	}
</script>

Um das Datum nun anzuzeigen, fügen Sie einfach innerhalb des body-Bereichs beispielsweise ein p-tag mit der ID date ein.

Beispiel

<body>
	<p id="date"></p>
	<p>Content...</p>
</body>

2. JavaScript über eine externe Datei einfügen

Erstellen Sie in Ihrem HTML-Editor eine neue JavaScript-Datei, beispielsweise mit dem Namen date.js. Fügen Sie in die Datei nachfolgenden Code ein und legen die Datei im Ordner assets ab.

Beispiel JavaScript-Datei

function currentDate() {

	var date = new Date();
	var wochentag = date.getDay();
	var wochentagText = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
	var tag = date.getDate();
	var monat = date.getMonth();
	var monatText = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
	var jahr = date.getFullYear();
	var datum = wochentagText[wochentag] + ", " + tag + ". " + monatText[monat] + " " + jahr;

	document.getElementById('date').innerHTML = datum;

}
window.onload=currentDate;

Öffnen Sie die Datei default.html im Ordner templates/pages Ihres Layouts. Fügen Sie im head-Bereich das script-Element zu Ihrer externen JavaScript-Datei ein.

<script type="text/javascript" src="<$= page.pathToRoot $>assets/date.js"></script>