So öffnen Sie ein Popup -Fenster in JavaScript mit Onclick?

Popup -Fenster auf der Webseite verbessern die Benutzererfahrung. Es ist eine praktische Funktion der JavaScript -Sprache, mit der zusätzliche Informationen oder Funktionen angezeigt werden, ohne die aktuelle Seite zu verlassen. Wenn Sie beispielsweise einige zusätzliche Informationen von einer anderen Website auf einem Schaltflächenklick angeben möchten, öffnen Sie ein Popup -Fenster, um die bereitgestellte URL zu öffnen. Es hilft, den Benutzer auf derselben Website zu bleiben und auf verwandte Informationen aus externen Ressourcen zuzugreifen.

In diesem Blog wird das Verfahren veranschaulicht, um ein Popup -Fenster in JavaScript mit einem Onclick zu öffnen.

So öffnen Sie ein Popup -Fenster mit Onclick in JavaScript?

Verwenden Sie das JavaScript -Vordefinierte, um ein Popup -Fenster mit dem Onclick -Ereignis zu öffnenFenster.offen()" Methode. Es akzeptiert zwei Hauptparameter und viele optionale Parameter. Der "URL" und das "NameDas neue Fenster oder die Registerkarte ist die Hauptparameter. Die anderen optionalen Parameter ermöglichen das Hinzufügen zusätzlicher Funktionen wie die Position oder Größe des neuen Fensters, unabhängig davon, ob es eine Statusleiste, Symbolleisten und viele weitere enthält oder nicht.

Syntax

Die folgende Syntax wird für die „verwendet“Fenster.offen()" Methode:

Fenster.Öffnen (URL, Name, Fensterfesten)

Beispiel

Zunächst erstellen wir eine Schaltfläche in einer HTML -Datei und fügen eine "hinzuONCLICK"Ereignis, das die Funktion aufruft"Pop-up()So öffnen Sie ein Popup -Fenster auf einer Schaltfläche Klicken Sie auf:

Klicken Sie hier!

Definieren Sie nun eine Funktion namens “Pop-up()"In Tag und rufen Sie die" an "Fenster.offen()" Methode. Pass die "URL ”, der„ Name “(„ Popupwindow “) Dies repräsentiert, dass das Öffnen der URL in einem Popup -Fenster und die optionalen Merkmale wie die Höhe und Breite des Popup -Fensters dargestellt wird:

Funktion popup ()
Fenster.Open ('https: // linuxhint.com/',' popupWindow ',' Höhe = 300, Breite = 500, links = 100, Top = 100, Scrollbars = Ja, resizierbar = Ja, Menubar = Nein, Symbolleiste = Ja, Ort = Nein, Verzeichnisse = Nein, Status = Ja ')

Es ist ersichtlich, dass das Popup -Fenster mit angegebener URL und zugewiesener Breite und Höhe erfolgreich geöffnet wurde:

Das ging darum, ein Popup -Fenster in JavaScript auf einer Schaltfläche zu öffnen. Klick.

Notiz: Wenn Sie ein individuelles Popup -Fenster mit der "erstellen möchten"divElement, um bestimmte Informationen anzuzeigen, besuchen Sie bitte unseren speziellen Artikel.

Abschluss

Verwenden Sie zum Öffnen eines Popup -Fensters das vordefinierte JavaScript “Fenster.offen()" Methode. Es öffnet ein neues Fenster mit der angegebenen URL. Es wird häufig in der Webentwicklung verwendet, um Links zu erstellen, die in einem neuen Fenster mit bestimmten Informationen geöffnet werden. In diesem Blog wurde das Prozedur zum Öffnen eines Popup -Fensters in JavaScript mit einem Onclick -Ereignis dargestellt.