Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Barbara Streisand
Freigeben: 2024-10-21 21:23:30
Original
716 Leute haben es durchsucht

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";
}
Nach dem Login kopieren

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.
  );
}
Nach dem Login kopieren

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!

Quelle:php
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!