Heim > Web-Frontend > js-Tutorial > Wie kann ich URLs in neuem Windows mit JavaScript öffnen?

Wie kann ich URLs in neuem Windows mit JavaScript öffnen?

Mary-Kate Olsen
Freigeben: 2024-11-05 07:18:02
Original
743 Leute haben es durchsucht

How Can I Open URLs in New Windows with JavaScript?

URLs in neuen Fenstern mit JavaScript öffnen

Beim Erstellen von Teilen-Schaltflächen ist es oft wünschenswert, freigegebene Links in neuen Fenstern zu öffnen. JavaScript bietet Dienstprogramme, um dies zu erreichen, aber die richtige Syntax kann eine Herausforderung sein.

Lösung mit window.open()

Um einen Link zu erstellen, der die aktuelle Seite öffnet URL in einem neuen Fenster mit bestimmten Abmessungen verwenden Sie die Methode window.open():

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

Erklärung

  • document.URL ruft die aktuelle Seite ab URL.
  • '_blank' gibt an, dass der Link in einem neuen Fenster oder Tab geöffnet werden soll.
  • Die optionalen Parameter definieren Fensterattribute:

    • Standort =yes zeigt die Adressleiste im neuen Fenster an.
    • height=570 setzt die Fensterhöhe auf 570 Pixel.
    • width=520 setzt die Fensterbreite auf 520 Pixel.
    • scrollbars=yes aktiviert Bildlaufleisten im neuen Fenster.
    • status=yes zeigt die Statusleiste im neuen Fenster an.

Das obige ist der detaillierte Inhalt vonWie kann ich URLs in neuem Windows mit JavaScript öffnen?. 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