Heim  >  Artikel  >  Web-Frontend  >  Wie öffne ich URLs in neuen Fenstern/Tabs mit JavaScript?

Wie öffne ich URLs in neuen Fenstern/Tabs mit JavaScript?

Barbara Streisand
Barbara StreisandOriginal
2024-10-21 21:23:30793Durchsuche

How to Open URLs in New Windows/Tabs with JavaScript?

URLs in neuen Fenstern/Tabs mit JavaScript öffnen

In JavaScript können Sie mit der Eigenschaft location.href die URL des aktuellen ändern Seite. Bei direkter Verwendung ersetzt es jedoch die aktuelle Seite durch die Ziel-URL. Um die Ziel-URL in einem neuen Fenster oder Tab zu öffnen, müssen Sie die Methode window.open() verwenden.

Beispiel

Betrachten Sie das folgende JavaScript-Codefragment:

if (command == 'lightbox') {
  location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}

Um die Ziel-URL in einem neuen Tab zu öffnen, ändern Sie den Code wie folgt:

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Makes the page open in a new window tab.
  );
}

In diesem geänderten Code rufen wir die Methode window.open() mit zwei auf Parameter:

  • Der erste Parameter ('https://support.wwf.org.uk/earth_hour/index.php?type=individual') gibt die zu öffnende URL an.
  • Der zweite Parameter ('_blank') gibt an, dass die URL in einem neuen Fenstertab geöffnet werden soll.

Hinweis: Der Zielwert '_blank' kann ebenfalls verwendet werden um die URL in einem neuen Fenster zu öffnen. Verschiedene Browser können jedoch ein unterschiedliches Verhalten aufweisen, wenn sie „_blank“ für fensterbasierte Ziele verwenden. Daher wird allgemein empfohlen, „_blank“ für tabulatorbasierte Ziele und einen bestimmten Fensternamen für fensterbasierte Ziele zu verwenden.

Das obige ist der detaillierte Inhalt vonWie öffne ich URLs in neuen Fenstern/Tabs mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn