javascript: in einem Link
Eigentlich sollte man Inhalt / Html, Layout / CSS, Programmierung / Javascript trennen. Daher sind die hier vorgestellten Möglichkeiten kein guter Stil. Sie werden nur der Vollständigkeit halber hier aufgeführt.
<body>
<a href="javascript:window.location = 'write.htm#regel'">Beipsiel
1</a>
<a href="javascript:alert('Hallo Welt!')">Beispiel 2</a>
<a href="javascript:history.go(-1)">Beispiel 3</a>
<a href="#" onMouseOver="alert('Alert Box bei onMouseOver')">Beispiel
4</a>
<a href="javascript:;" onDblClick="alert('Alert Box mit Doppelklick')" >Beispiel 5</a>
</body>
Beispiel 1
Beispiel 2
Beispiel 3
Beispiel 4
Beispiel 5
| Link | Beispiel1 | In die Anführungzeichen von a href kommt javascript: gefolgt von der auszuführenden Anweisung. Natürlich macht es wenig Sinn auf die Art einen Link einzufügen, es sei denn die aufzurufende Seite wird durch eine Variable bestimmt oder man will in 2 Framefenstern zwei Seiten aufrufen. Mehr dazu in selfhtml window.location und selfhtml frames |
| <a href="javascript:window.location = 'write.htm#regel'">Beipsiel 1</a> | ||
| Alert | Beispiel2 | Im zweitenBeispiel wird ein Alert Fenster geöffnet. |
| <a href="javascript:alert('Hallo Welt!')">Beispiel 2</a> | ||
| Zurück | Beispiel3 | Der link zur zuvor aufgerufenen Seite ist schon interessanter. Der Befehl ist history.go(-1), der Wert minus2 in Klammern führt 2 Seiten zurück und plus1 zu einer Seite die danach aufgerufen wurde, vorausgesetzt so eine Seite existiert. Mehr dazu siehe selfhtml history |
| <a href="javascript:history.go(-1)">Beispiel 3</a> | ||
| Event | Beispiel4 | Hier ein gänzlich anderes Verfahren, für dass man kein href-Attribut benötigt. Hier wird ein sogenannter Event Handler in den Anfangstag eingefügt. Ein href Attribut und ein a-Element sind nicht nötig. Der Event Handler bestimmt das Ereignis, welches eine Ausführung auslösen soll. Mehr dazu auf der nächsten Seite und der Seite Event Handler. |
| <a href="#" onMouseOver="alert('Alert Box bei onMouseOver')">Beispiel 4</a> | ||
| Event | Beispiel5 | Hier ein ähnliches Beispiel wie unter 4, nur dass hier anstatt des Gatterzeichen javascript:; eingefügt ist. Das Gatterzeichen hat den Nachteil, dass nach Anklicken des Links der Anfang der Seite angezeigt wird. Wie schon erwähnt, könnte man auf das a-Element und href Attribut auch verzichten und den Event Handler auf einem beliebigen HTML-Element zuweisen. Mehr dazu auf der Seite Fensteröffnen. Hier wurde außerdem der Event Handler für Doppelklick eingesetzt. |
| <a href="javascript:;" onDblClick="alert('Alert Box mit Doppelklick')" >Beispiel 5</a> | ||
Dreamweaver User aufgepasst
Fügt einen link auf der Seite ein und wählt im oben Menü: Fenster / Verhalten. Hier hat man die Möglichkeit einen Event auszuwählen dann druch klicken auf das + Zeichen eine Funktion hinzuzufügen, wie Bild austauschen, Browserfenster öffnen, Eigenschaften ändern (CSS Eigenschaft eines Elements).
