Sie sind Hier:
Startseite
Javascripte
Übersicht
Was ist
Javascript?
Javascript ist eine plattformunabhängige Scriptsprache, die gemeinsam von
Netscape und SUN seit 1995 entwickelt wurde. Javascript bietet zahlreiche
Möglichkeiten bei der Gestaltung von Webseiten und ist eine einfach zu
erlernende und sehr leistungsstarke Scriptsprache. Javascript setzt dort
ein, wo HTML an seine Grenzen kommt. Im Unterschied zu anderen bekannten
Sprachen wie Perl oder PHP wird Javascript vom Browser ausgewertet und
umgesetzt. Dies birgt aber auch die Gefahr, dass ein Besucher, der
Javascript deaktiviert hat, die damit realisierten Dinge auf der Homepage
nicht nutzen kann. |
Was benötigt man?
Nun, eigentlich nicht viel. Javascript wird direkt in den HTML-Quellcode,
meist in den head-Bereich, geschrieben. Also genügt hier schon ein einfacher
Editor zum programmieren. Zusätzlich ist noch ein Web-Browser nötig, der
JavaScripts darstellen kann. Heute kann das eigentlich jeder gängige
Browser. Wichtig ist nur, dass Javascript auch aktiviert ist. Und das war's
auch schon. |
Was kann man damit
anstellen?
Mit Javascript hat man verschiedene Möglichkeiten. Es lassen sich kleine
grafische Effekte zaubern, man kann Hinweisfenster öffnen, Formulare
überprüfen, Browserversionen abfragen, zwei Seiten gleichzeitig öffnen und,
und, und. |
Wie baut man nun
ein JavaScript ein?
Im allgemeinen stehen Javascripte im head-Bereich und werden im body-Bereich
aufgerufen, wie es im folgenden Beispiel zu sehen ist.
<html>
<head>
<title></title>
<script language="Javascript">
//Hier steht der Javascript-Quellcode.
</script>
</head>
<body>
//Hier wird das Javascript aufgerufen.
</body>
</html>
Wie rufe ich das Javascript auf?
Javascripte werden meist mit Hilfe so genannter Eventhandler aufgerufen. Zu
den Wichtigsten zählen:
|
| onLoad="" |
wird aktiviert, wenn eine HTML-Seite geladen
wird und wird für gewöhnlich zusammen mit dem body-Tag verwendet |
| onClick="" |
wird aktiviert, wenn der
Besucher ein Element anklickt und wird in vielen Fällen zusammen mit dem a-
oder img-Tag verwendet |
| onMouseOver="" |
wird aktiviert, wenn der Besucher mit der
Maus über ein Element fährt und wird meist zusammen mit dem a-Tag verwendet |
| onMouseOut="" |
wird aktiviert, wenn der
Besucher mit der Maus ein Element verlässt und wird meist zusammen mit dem
a-Tag verwendet |
| onSubmit="" |
wird aktiviert, wenn der Besucher ein
Formular abschickt und kommt logischerweise nur zusammen mit dem form-Tag
vor |
| onReset="" |
wird aktiviert, wenn der
Besucher die Eingaben im Formular löscht und kommt ebenfalls nur zusammen
mit dem form-Tag vor |
|
Ein kurzes Beispiel soll die
Anwendung verdeutlichen:
<html>
<head>
<title></title>
<script language="Javascript">
//Hier steht der Javascript-Quellcode.
function hallo() {
}
function tschuess(parameter1,parameter2) {
}
</script>
</head>
//Hier wird das Javascript aufgerufen.
//Einmal ohne Parameter.
<body onLoad="hallo()">
//und einmal mit Parameter.
<a href="goethe.html" onClick="tschuess(bild.jpg,3)">Tschuess</a>
</body >
</html>
|
|
|
|
|
