Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie öffne ich Links in benutzerdefinierten Windows mit JavaScript mit `target=\'_blank\'`?

Susan Sarandon
Freigeben: 2024-11-02 23:11:29
Original
356 Leute haben es durchsucht

How to Open Links in Custom Windows with JavaScript Using `target=

Target="_blank" HTML-Links: Optionen mit JavaScript erweitern

Das Erstellen neuer Browserfenster mit bestimmten Abmessungen kann bei Verwendung des Ziels eine Herausforderung sein ="_blank"-Attribut in HTML-Anker-Tags. In Mozilla Firefox öffnet dieses Attribut normalerweise Links in neuen Tabs statt in neuen Fenstern.

Um diese Einschränkung zu überwinden und Benutzern beim Klicken auf Ihren Link ein benutzerdefiniertes Fenster bereitzustellen, können Sie die Leistungsfähigkeit von JavaScript nutzen. So geht's:

<a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',<br>' left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" >Teilen Sie dies</a><br>

Dieser Code öffnet ein neues Fenster mit den folgenden Spezifikationen:

  • window.open( ...): Öffnet ein neues Browserfenster.
  • this.href: Stellt die URL des Links dar, auf den Sie klicken.
  • 'mywin': Legt den Namen des neuen Fensters fest, der zur Identifizierung verwendet wird.
  • 'left=20,top=20':Gibt die Position des Fensters an des Bildschirms (20 Pixel von links und 20 Pixel von oben).
  • 'width=500,height=500': Legt die Breite und Höhe des Fensters in Pixel fest.
  • 'toolbar=1': Aktiviert die Browser-Symbolleiste.
  • 'resizable=0': Macht die Größe des Fensters nicht veränderbar.

Durch die Integration von JavaScript in Ihren HTML-Link können Sie das Verhalten und Erscheinungsbild des neuen Fensters anpassen, das geöffnet wird, wenn Benutzer auf Ihren Link klicken. Diese Technik ermöglicht eine bessere Kontrolle über das Benutzererlebnis und bietet flexible Optionen für die Anzeige von Inhalten in separaten Fenstern.

Das obige ist der detaillierte Inhalt vonWie öffne ich Links in benutzerdefinierten Windows mit JavaScript mit `target=\'_blank\'`?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!