JavaScript

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

JavaScript-Logo

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

Seite durch JavaScript-Programm herstellen

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

Blumen mit JavaScript zeichnen

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.

 

Franz Fiala

Präsident Clubcomputer / Herausgeber PCNEWS bei ClubComputer.at
Franz ist pensionierter HTL Lehrer (TGM), Präsident von ClubComputer, Herausgeber der Clubzeitung PCNEWS und betreut unser Clubtelefon und Internet Support. Er ist leidenschaftlicher Rapid Wien Fan.

Letzte Artikel von Franz Fiala (Alle anzeigen)