JavaScript

JavaScript

JavaScript ist die Lingua Franca des Internet. Versuche von Microsoft, alternativ auch VBScript ins Spiel zu bringen, sind gescheitert.

Reservierte Wörter

abstract • arguments • await • boolean • break • byte • case • catch • char • class • const • continue • debugger • default • delete • do • double • else • enum • eval • export • extends • false • final • finally • float • for • function • goto • if • implements • import • in • instanceof • int • interface • let • long • native • new • null • package • private • protected • public • return • short • static • super • switch • synchronized • this • throw • throws • transient • true • try • typeof • var • void • volatile • while • with • yield

JavaScript kann auf drei Arten in einer HTML-Datei eingebettet sein:

1. In einem Attribut, meist einem Event, eingeleitet durch „javascript:“
   ebenso kann man in der Adresszeile eine Funktion auswerten lassen:
   [code lang=”js”]
   javascript: document.write("hallo")[/code]
2. In einem Script-Abschnitt <script> … </script>
3. In einer externen Datei
   [code lang=”html”]
   <script src="myScript.js"></script>[/code]

Anwendung

• Programmatische Erzeugung von Inhalten (http://brezovits.at/Kunst.html)
• Reaktionen auf Benutzerinteraktionen
• Veränderung bestehender Inhalte

Seite durch JavaScript-Programm herstellen

http://brezovits.at/Flower_Fields_Vienna_3.html:

Aktuelles Datum, ohne JavaScript (html-js-0.htm)

[code lang=”js”]
<p>Hello ClubComputer</p>
<p>Heute ist der 24. Oktober</p>
[/code]

Aktuelles Datum, mit JavaScript, vorgegebene Formatierung (html-js-1.htm)

[code lang=”html”]
<p>Hello ClubComputer</p>
<script>
document.write((new Date()).toLocaleDateString());
</script>
[/code]

Aktuelles Datum, mit JavaScript, individuelle Formatierung (html-js-2.htm)

[code lang=”html”]
<p>Hello ClubComputer</p>
<script>
var d = new Date();
function PadNumber(Number) {
Number = "0"+Number;
return Number.substr(Number.length-2);
}
document.write("<br/>" + d.getFullYear()+"-"+PadNumber(d.getMonth()+1)+"-"+PadNumber(d.getDate()));
</script>
[/code]

Aktuelles Datum, mit JavaScript, DOM (html-js-3.htm)

[code lang=”html”]
<p>Hello ClubComputer</p>
<p id="datum"></p>
<script>
document.getElementById("datum").innerHTML = ((new Date()).toLocaleDateString());
</script>
[/code]

---

Hinweise

• Alle hier in Klammen gesetzten Dateien findest Du auf der Seite http://sex.clubcomputer.at -> webseiten zum Ausprobieren.
• Die Beispiele in diesem Beitrag sind auch in einem Foliensatz zu finden.
• Beachte auch den Beitrag “Websprachen lernen”, in dem zahlreiche Links zu dem hier besprochenen Thema zu finden sind.