Wie man ein Popup Webseite

Pop-up-Websites sind nicht so populär wie in den Anfängen des Internets. Web-Entwickler verwenden jedoch noch Popup-Fenster. Beispielsweise könnten sie ein Popup-Fenster zum Anzeigen des Inhalts eines Einkaufswagens, ohne dass der Benutzer navigieren zu einer neuen Seite öffnen. Pop-up Web ist nichts anderes als ein Miniatur-Browser-Fenster, eine sekundäre Website angezeigt. Entwickler verwenden JavaScript, anpassbare HTML-Popup-Fenster zu erstellen, die automatisch oder als Reaktion auf Aktionen eines Benutzers auf einer Webseite zu öffnen.

Anweisungen

1 Erstellen Sie ein neues HTML-Dokument.

2 Fügen Sie den folgenden Code hinzu Abschnitt < Body >:

< a Href = "Javascript:showPopupWindow('Open" > http://www.whitehouse.gov'); " > Popupfenster </a >

Dies erstellt eine Verknüpfung, die eine JavaScript-Funktion aufruft, wenn ein Benutzer auf den Link klickt. Das Click-Ereignis übergibt die URL einer Website an die Funktion. In diesem Beispiel wird das Popup-Fenster den Inhalt whitehouse.gov anzuzeigen. In der Produktion ändern Sie den URL-Namen auf den Namen der Website, die Sie im Popup-Fenster öffnen möchten.

3 Diese JavaScript-Funktion in das Dokument < Skript > hinzufügen Tag:

Funktion showPopupWindow(url) {}

var win = window.open(url, 'name', 'height=400,width=200');

}

Diese Funktion erzeugt ein Popup-Fenster, die in der Parameterliste die URL übergeben öffnet. Passen Sie die Höhe und Breite Einstellungen, wenn Sie Ihren Pop-up, verschiedene Dimensionen haben möchten.

4 Speichern Sie die HTML-Datei und öffnen Sie sie in Ihrem Browser. Klicken Sie auf den Link und öffnet der Browser eine Anzeige Popup whitehouse.gov.

Tipps & Warnungen

• Sie können Popup-Fenster öffnen, die auf andere HTML-Seiten auf Ihrer Website zeigen. Einige Entwickler erstellen beispielsweise HTML-Seiten, die Anmeldeformulare anzuzeigen. Wenn ein Benutzer eine Schaltfläche "Anmeldung" oder einen Link klickt, erscheint das Popup-Fenster mit dem Formular. Den Befehl "Window.open" zu studieren. Es hat mehrere Parameter, die die Darstellung von Popup-Fenster und das Fenster Symbolleiste anpassen können. Sie können auch die JavaScript-Funktion aufrufen, wenn ein Benutzer auf eine Schaltfläche klickt oder den Mauszeiger über ein Seitenelement. Einige Entwickler öffnen Popup-Fenster auf ihren Websites auch in bestimmten Zeitabständen mit dem Befehl "SetTimeout". Nutzen Sie Ihre Fantasie beim Gebrauch für Popup-Fenster zu ermitteln.
• Einige Benutzer möglicherweise in ihre Browser Pop-up-Blocker. Wenn ja, wird Ihr Popup-Fenster nicht angezeigt.