Heim > Web-Frontend > CSS-Tutorial > Wie öffnet man neue Fenster mit bestimmten Abmessungen und Funktionen mithilfe von HTML und JavaScript?

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

Linda Hamilton
Freigeben: 2024-10-26 11:12:02
Original
1038 Leute haben es durchsucht

How to Open New Windows with Specific Dimensions and Features Using HTML and 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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

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