Heim > Web-Frontend > js-Tutorial > Wie öffne ich die aktuelle URL in einem neuen Fenster mit einer bestimmten Größe mithilfe von JavaScript?

Wie öffne ich die aktuelle URL in einem neuen Fenster mit einer bestimmten Größe mithilfe von JavaScript?

Patricia Arquette
Freigeben: 2024-11-04 09:30:30
Original
603 Leute haben es durchsucht

How to Open the Current URL in a New Window with a Specific Size Using JavaScript?

URL in neuem Fenster mit JavaScript öffnen

Beim Erstellen einer „Teilen-Schaltfläche“ zum Teilen der aktuellen Seite kommt es häufig vor, dass man sie öffnen möchte die aktuelle URL in einem neuen Fenster. Während das Abrufen der aktuellen URL unkompliziert ist, kann die Angabe der Größe des neuen Fensters eine Herausforderung darstellen.

Um dieses Problem zu beheben, sollten Sie die Funktion window.open() verwenden, die die Möglichkeit bietet, die Eigenschaften des neuen Fensters anzupassen. Der folgende Codeausschnitt demonstriert diesen Ansatz:

<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

In diesem Code lauscht das onclick-Ereignis auf den Klick eines Benutzers und führt die Funktion window.open() aus. Das erste Argument gibt die zu öffnende URL an und „_blank“ gibt an, dass die URL in einem neuen Fenster geöffnet werden soll. Die nachfolgenden Parameter steuern die Eigenschaften des neuen Fensters, einschließlich seiner Höhe, Breite und ob es Position, Bildlaufleisten und Statusinformationen anzeigt.

Mit dieser Lösung können Sie effektiv einen Link erstellen, der die aktuelle URL in einem neuen öffnet Fenster mit einer angegebenen Größe von 570 Pixeln Höhe und 520 Pixeln Breite.

Das obige ist der detaillierte Inhalt vonWie öffne ich die aktuelle URL in einem neuen Fenster mit einer bestimmten Größe mithilfe von JavaScript?. 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