Webseite per Knopfdruck öffnen

Es kann hilfreich sein, wenn Anwender direkt in einem Formular die Möglichkeit haben, eine weitere Internetseite zu öffnen. Dafür kann man entweder ein URL-Feld in ein Formular einfügen oder einen Button verwenden. Mit Hilfe der Funktion: Nach dem Anklicken ist es möglich, einen Button so zu konfigurieren, dass der Anwender darüber zum Beispiel eine Hilfeseite öffnen kann, auf der weitere Informationen zum Thema bereit gestellt werden. Auch das Öffnen der Firmen-Homepage oder des Intranets sind denkbare Anwendungsszenarien.

Internetseite öffnen mit window.open

Für das Öffnen einer Internetseite wird die Methode window.open() verwendet. Folgende JavaScript-Codes können eingesetzt werden:

Internetseite im selben Browsertab öffnen

//Das Coding öffnet www.meine-seite.de im selben Browsertab

window.open(
	'https://www.meine-seite.de',
	'_self'
);

Internetseite in einem neuen Browsertab öffnen

//Das Coding öffnet www.meine-seite.de in einem neuen Browsertab

window.open(
	'https://www.meine-seite.de',
	'_blank'
);

Beispiel: Eine Internetseite per Button in einem neuen Browsertab öffnen

In einem Formular sollen Anwender ihre Kontaktdaten eingeben. Die Anwender sollen die Möglichkeit bekommen, die Datenschutzerklärung des Unternehmens einzusehen. Daher wird in das Formular ein Button eingefügt, der die entsprechende Internetseite öffnen soll:

Alle Buttonoptionen für den Button Zur Datenschutzerklärung sind deaktiviert. Um den benötigten JavaScript-Code speichern zu können, wird die Buttonfunktion Nach dem Anklicken geöffnet:

Es öffnet sich ein Editor. Hier kann das entsprechende Coding eingegeben werden:

Das Formular wird ausgeführt. Brigitte Beispiel hat Daten eingegeben, möchte aber vor dem Speichern die Datenschutzerklärung einsehen. Sie klickt auf den Button Zur Datenschutzerklärung:

Die Datenschutzerklärung wird in einem separaten Browsertab geöffnet. Brigitte Beispiel kann sich nun informieren und anschließend wieder zurück ins Formular wechseln, um ihre Eingaben zu beenden:

Je nach Anwendungszweck und Ausführungszeitpunkt kann die Methode window.open() auch in Workern und Formularfunktionen eingesetzt werden.