Heim > Web-Frontend > js-Tutorial > So öffnen Sie eine URL in einem neuen Fenster mit JavaScript: Eine umfassende Anleitung

So öffnen Sie eine URL in einem neuen Fenster mit JavaScript: Eine umfassende Anleitung

Linda Hamilton
Freigeben: 2024-11-04 02:54:02
Original
778 Leute haben es durchsucht

How to Open a URL in a New Window with JavaScript: A Comprehensive Guide

URL in neuem Fenster mit JavaScript öffnen: Eine umfassende Lösung

Das Erstellen einer Teilen-Schaltfläche, die die aktuelle Seiten-URL in einem neuen Fenster startet, erfordert präzise JavaScript-Syntax. Um dies zu erreichen, greifen wir auf die vielseitige Methode window.open() zurück.

Das folgende Code-Snippet bietet eine umfassende Lösung, die sowohl die gewünschte URL-Ersetzung als auch die Fenstergrößenspezifikationen enthält:

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>
Nach dem Login kopieren

Lassen Sie uns den Code aufschlüsseln:

  • _blank_: Dieser Parameter gibt an, dass das neue Fenster unabhängig vom aktuellen Fenster ist.
  • location= ja:Dieser Parameter ermöglicht die Anzeige einer URL-Leiste im neuen Fenster.
  • height=570, width=520:Diese Parameter legen die Höhe und Breite des neuen Fensters fest auf 570px bzw. 520px.
  • scrollbars=yes, status=yes: Diese Parameter ermöglichen, dass das neue Fenster über Bildlaufleisten und eine Statusleiste verfügt.

Wenn der Benutzer auf den Link „Seite teilen“ klickt, wird dieser JavaScript-Code ausgeführt und öffnet die aktuelle URL in einem neuen Fenster mit den angegebenen Abmessungen und anderen Funktionalitäten. Durch die Kombination von window.open() mit maßgeschneiderten Fensterattributen können Sie bestimmte URLs nahtlos in separaten Fenstern öffnen und so Ihren genauen Anforderungen gerecht werden.

Das obige ist der detaillierte Inhalt vonSo öffnen Sie eine URL in einem neuen Fenster mit JavaScript: Eine umfassende Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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