Was ist Fenster.Offen in JavaScript

In HTML wird das Anker -Tag verwendet, um Benutzer von einer Seite auf eine andere Seite umzuleiten. Diese Art von Tag ist nur auf das Öffnen eines Links auf der aktuellen Seite oder in einer neuen Registerkarte beschränkt. Beide Möglichkeiten sind nicht geeignet, wenn Sie sicherstellen möchten, dass der Benutzer mit Ihren Inhalten beschäftigt bleibt. In Lösung müssen Sie mit JavaScript interagieren, in dem die neuen Links oder Seiten in Popups oder in neuen Browserfenstern geöffnet werden können.

Diese Beschreibung bietet Anleitung zum Fenster.Open () Methode in JavaScript.

Was ist Fenster.Open () in JavaScript?

In JavaScript, “Fenster.offen()Die Methode wird verwendet, um ein neues Browserfenster mit oder ohne Inhalt zu öffnen. Diese Methode bietet Steuerung über das Browserfenster, um die Fensterhöhe, die Breite und die Position anzupassen.

So verwenden Sie Fenster.Open () in JavaScript?

Das Fenster verwenden.Open () Methode In JavaScript verwenden Sie die folgende Syntax:

Fenster.Öffnen (URL, Ziel, Fensterfehler)

Hier, "URL„Repräsentiert die URL -Adresse der Seite, die geöffnet werden muss. Wenn nicht angegeben, wird standardmäßig eine leere Registerkarte oder ein Fenster geöffnet.

Ziel: Dies weist den Namen des Fensters zu, in dem der Kontext geladen wird. Darüber hinaus können Sie auch die folgenden Ziele/Optionen erklären, um mehr Kontrolle über Ihr Fenster zu haben:

• _leer: Dies ist die Standardoption, bei der die URL in einer neuen Registerkarte oder einem neuen Fenster geladen wird.
• _Elternteil: Die URL wird im aktuellen Arbeitsfenster geöffnet.
• _ Selbst: Dadurch ersetzt die aktuelle Seite durch die angegebene URL.
• _Spitze: Dadurch wird die URL in jedem geladenen Fenster geöffnet

Fensterfesten: Dies hilft Ihnen beim Anpassen eines Fensters entsprechend Ihrem Bedarf. Es ist ein optionales Argument. Die folgenden Werte werden unterstützt:

• Höhe = Pixel: Dies zeigt die Höhe des Fensters. Das Gerät kann nur in Pixel (PX) zugewiesen werden.
• Breite = Pixel: Diese Option setzt die Breite des Fensters.
• links = Pixel: Stellen Sie das Fenster von der linken Seite ein.
• Top = Pixel: Geben Sie die obere Position des Fensters an
• resizable = yes | nein: Dadurch kann das Fenster jeweils setzbar sein.
• Menubar = Ja | Nein: Steuern Sie das Verhalten, ob die Menüleiste angezeigt wird oder nicht.
• Scrollbars = Ja | Nein: Zeigen oder ausblenden Sie die Bildlaufleisten auf bestimmten spezifischen Browsern wie Firefox, dh und Opera.
• Status = Ja | Nein: Entscheiden Sie, ob die Statusleiste angezeigt wird oder nicht.
• Titellebar = Ja | Nein: Setzen Sie diese Option auf Ja, wenn Sie die Titelleiste anzeigen möchten. sonst nein.

Wenden wir im folgenden Beispiel einige Werte an, um zu verstehen, wie Fenster ist.Open () Methode funktioniert in JavaScript.

Beispiel 1

In unserem Beispiel werden wir verwenden “

" und ein "" Schild.

Tag enthält einen Text, der den Zweck der Schaltfläche beschreibt. Als nächstes werden wir im Tag die “festlegen“ONCLICKEreignis und zuweisen Sie ihm eine Funktion namens "xyzfunction ()”. Platzieren Sie beide Tags in das Tag der HTML -Datei:

Wenn Sie unter der Schaltfläche unten klicken, wird ein neues Fenster mit definierten Abmessungen geöffnet

Klick mich

Im Inneren "xyzfunction ()"Von unserer JavaScript -Datei werden wir die" angeben "neues Fenster”Als Variable. Indem wir die Syntax im Auge behalten, werden wir die „verwenden“Fenster.offen()Methode zusammen mit der URL als „https: // linuxhint.com ”und setzen Sie die Höhe als“250"Und Breite"400”(Pixel). Verwenden Sie das leere „“, um den Zielwert leer zu lassen:

Funktion xyzfunction ()
var newwindow = Fenster.Open ("https: // linuxhint.com "," "," Höhe = 250, Breite = 400 ");

Infolgedessen wird beim Klicken auf die zusätzliche Schaltfläche ein neues Fenster gemäß der angegebenen URL geöffnet:

Nehmen wir ein anderes Beispiel, um zu sehen, wie der Zielwert seine Rolle im Fenster spielt.Open () Methode.

Beispiel 2

In diesem Beispiel werden wir zunächst den Zweck der Schaltfläche mit Hilfe eines Textes diskutieren:

Klicken Sie unter der Schaltfläche unten, öffnet den Link im übergeordneten Frame
mit definierten Dimensionen

Nutzen wir den Zielwert als "_Elternteil”Zusammen mit derselben URL und der gleichen Fensterfunktionen, die im vorherigen Beispiel verwendet werden. Das Angeben des Arguments von Parparenten öffnet jedoch den Link im aktuellen Frame:

Funktion xyzfunction ()
var newwindow = Fenster.Open ("https: // linuxhint.com "," _parent "," height = 250, width = 400 ");

Ausgang

Wir haben detailliert über das Fenster behandelt.Open () in JavaScript.

Abschluss

“Fenster.offen()Ist eine vordefinierte JavaScript -Methode, mit der das neue Browserfenster mit oder ohne Inhalt geöffnet wird. Es bietet verschiedene Optionen, um das Fenster des Browsers wie Höhe, Breite und Position zu steuern. In diesem Handbuch haben wir ausführlich erklärt, welches Fenster.Open () ist und wie man es in JavaScript verwendet.