Javascript
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich für dynamisches HTML in Web-Browsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern.
Heute findet JavaScript auch außerhalb von Browsern Anwendung, so etwa auf Servern und in Microcontrollern. Der als ECMAScript (ECMA 262) standardisierte Sprachkern von JavaScript beschreibt eine dynamisch typisierte, objektorientierte, aber klassenlose Skriptsprache. Sie wird allen objektorientierten Programmierparadigmen unter anderem auf der Basis von Prototypen gerecht. In JavaScript lässt sich objektorientiert und sowohl prozedural als auch funktional programmieren.
Typische Anwendungsgebiete von JavaScript sind:
- dynamische Manipulation von Webseiten über das Document Object Model
- Plausibilitätsprüfung (Datenvalidierung) von Formulareingaben noch vor der Übertragung zum Server
- Anzeige von Dialogfenstern
- Senden und Empfangen von Daten, ohne dass der Browser die Seite neu laden muss (Ajax)
- Vorschlagen von Suchbegriffen während der Eingabe
- Werbebanner oder Laufschriften
- Verschleierung von E-Mail-Adressen zur Bekämpfung von Spam
- mehrere Frames auf einmal wechseln oder die Seite aus dem Frameset lösen
Beispiel:
Dies ist ein HTML-Document,
mit ein wenig Text...
... und einem Bild.
<!DOCTYPE HTML>
<html>
<head>
<title>Beispielseite</title>
</head>
<body>
<h4>Dies ist ein HTML-Document, </h4>
<p id="text">mit ein wenig Text... </p>
<div><img id="bild" src="../Bilder/km4-tranparent.png"></div>
<p id="bildunterschrift">...und ein Bild.</p>
</body>
</html>
p.text {
font-size: 15pt;
color: #00FF00;
}
img.bild {
border: 1px solid #000000;
}
p.bildunterschrift {
font-size: 8pt;
}
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "../Bilder/km4-tranparent.png";
Highlight1 = new Image();
Highlight1.src = "../Bilder/km4-tranparent-klee.png";
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
