javascript: in einem Link einfügen
<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 wird ein sogenannter Event Handler hinter den link eingefügt. Ein 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 5, 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. 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 schaltet auf Codeansicht. Wählt im Kontextmenue des links (rechte Maus) den Befehl "Tag bearbeiten". Sucht euch einen Event Handler aus der Liste und fügt den Javascript Befehl ein.
