javascript: URLs
Warnung:
Die Verwendung von javascript:
-URLs im Web wird nicht empfohlen, da sie zur Ausführung von beliebigem Code führen können, ähnlich wie die Verwendung von eval()
. Sie kann auch die Barrierefreiheit verringern, da sie vom normalen Linkverhalten abweicht.
JavaScript-URLs, URLs mit dem Präfix javascript:
, werden als gefälschte Navigationsziele verwendet, die JavaScript ausführen, wenn der Browser versucht zu navigieren. Wenn die URL zu einem String ausgewertet wird, behandelt der Browser sie als HTML und rendert sie.
Syntax
JavaScript-URLs beginnen mit dem Schema javascript:
und werden von JavaScript-Code gefolgt. Der Code wird als Skript geparst.
javascript:
In diesem Beispiel ist das href
-Attribut eines -Elements auf eine
javascript:
-URL gesetzt, die zu einer neuen Seite mit dem Inhalt "Hello, world!" navigiert:
Click me
Beachten Sie, dass javascript:
-URLs keine Verlaufs-Einträge erstellen, sodass es keinen Weg zurück zur vorherigen Seite gibt, ohne zu aktualisieren.
Verwendung von javascript:
-URLs als Formularaktionen
In diesem Beispiel ist das action
-Attribut eines -Elements auf eine
javascript:
-URL gesetzt, die eine Nachricht ausgibt, wenn sie gesendet wird:
Stattdessen sollten Sie das submit
-Ereignis des Formulars überwachen und mit JavaScript bearbeiten:
Verwendung von javascript:
-URLs als iframe-Quellen
In diesem Beispiel ist das src
-Attribut eines -Elements auf eine
javascript:
-URL gesetzt, die zu einer neuen Seite mit dem Inhalt "Hello, world!" navigiert:
Erwägen Sie stattdessen, das srcdoc
-Attribut zu setzen:
Verwendung von javascript:
-URLs mit window.location
In diesem Beispiel wird die window.location
-Eigenschaft auf eine javascript:
-URL gesetzt, die zu einer neuen Seite mit dem Inhalt "Hello, world!" navigiert:
window.location = "javascript:'Hello world!'";
Erwägen Sie stattdessen, DOM-APIs zu verwenden, um den Seiteninhalt zu ändern. Zum Beispiel:
document.body.textContent = "Hello, world!";