Sie sind Hier:
Startseite
Javascripte
Was ist Javascript?
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.
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:
|
|
|
|
