Heim >Web-Frontend >CSS-Tutorial >Wie steuere ich Fensterfunktionen für Target=\'_blank\'-Hyperlinks in HTML?

Wie steuere ich Fensterfunktionen für Target=\'_blank\'-Hyperlinks in HTML?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-26 04:19:30872Durchsuche

How to Control Window Features for Target=

Verwalten von Fensterfunktionen in HTML für Target="_blank"

Hyperlinks mit einem Zielattribut, das auf „_blank“ gesetzt ist, öffnen verknüpfte Inhalte in einem Neuer Tab oder neues Fenster. Um die Abmessungen und das Erscheinungsbild des neuen Fensters anzupassen, muss JavaScript verwendet werden.

Erstellen eines neuen Fensters mit benutzerdefinierten Eigenschaften

Der bereitgestellte HTML-Code:

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

Erstellt einen Hyperlink, der die Sharing-Oberfläche von Facebook in einem neuen Tab öffnet. Um es stattdessen in einem Fenster mit bestimmten Abmessungen zu öffnen, verwenden Sie diesen modifizierten JavaScript-basierten Ansatz:

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

Erklärung:

  • Das onclick-Attribut wird ausgelöst eine JavaScript-Funktion beim Klicken auf den Link.
  • window.open() erstellt ein neues Fensterobjekt und gibt die zu öffnende URL an.
  • Der zweite Parameter ('mywin') definiert den Namen des Zielfensters .
  • Der dritte Parameter ist eine Zeichenfolge von Fenstereigenschaften, einschließlich:

    • links und oben geben die Anfangsposition des Fensters an.
    • Breite und Höhe legt die Abmessungen des Fensters fest.
    • Symbolleiste und Größenänderung steuern das Erscheinungsbild und Verhalten des Fensters.

Dieser geänderte Code öffnet die Facebook-Teilenoberfläche in einem neuen Fenster. positioniert an den Koordinaten (20,20) mit den Abmessungen (500,500). Es wird eine Symbolleiste enthalten, deren Größe jedoch nicht geändert werden kann.

Das obige ist der detaillierte Inhalt vonWie steuere ich Fensterfunktionen für Target=\'_blank\'-Hyperlinks in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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