Wie öffnet man neue Fenster mit bestimmten Abmessungen und Funktionen mithilfe von HTML und JavaScript?

Neues Fenster in HTML mit Target="_blank" öffnen

In HTML weist das Attribut target="_blank" den Browser an, sich zu öffnen ein neues Fenster, wenn auf einen Link geklickt wird. Dieses Attribut bietet jedoch keine Kontrolle über die Größe oder Position des neuen Fensters.

Betrachten Sie beispielsweise den folgenden Code:

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

In Firefox öffnet dieser Code Facebook Teilen Sie die Seite in einem neuen Tab statt in einem neuen Fenster. Um das gewünschte Verhalten zu erreichen, können Sie JavaScript verwenden, um ein neues Fenster zu erstellen und anzupassen.

Lösung:

Um einen Link in einem neuen Fenster mit bestimmten Abmessungen zu öffnen, wenn Wenn Sie darauf klicken, können Sie den folgenden Code verwenden:

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

Hier ist, was jeder Parameter in der Funktion window.open() bewirkt:

• this.href: Die URL der zu öffnenden Seite.
• 'mywin': Der Name des neuen Fensters.
• 'left=20,top=20' : Die linke und obere Position des Fensters.
• 'width=500,height=500':Die Breite und Höhe des Fensters.
• 'toolbar=1': Ob eine Symbolleiste angezeigt werden soll.
• 'resizable=0': Ob die Fenstergröße geändert werden kann.

Mit diesem Ansatz können Sie ein neues Fenster mit den gewünschten Abmessungen und Anpassungsoptionen öffnen, wenn auf einen Link mit target="_blank" geklickt wird.

Das obige ist der detaillierte Inhalt vonWie öffnet man neue Fenster mit bestimmten Abmessungen und Funktionen mithilfe von HTML und JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!