JavaScript bietet eine Reihe von Objekten mit einem Fenster als Kern, in dem die Zugriffskontrolle von Browserfenstern realisiert wird. 6 Wichtige Objekte sind in JavaScript definiert:
Das Fensterobjekt repräsentiert ein Fenster, das sich im Browser öffnet.
Das Dokumentobjekt repräsentiert das Dokumentobjekt, das die Seite im Browser lädt.
Das Standortobjekt enthält die aktuellen URL -Informationen des Browsers.
Das Navigationsobjekt enthält Informationen über den Browser selbst.
Das Bildschirmobjekt enthält Informationen zum Client -Bildschirm und zum Rendern von Funktionen.
Das Geschichtsobjekt enthält die historischen Informationen des Browsers, der auf die Webseite zugreift.
Zusätzlich zum Fensterobjekt sind die anderen fünf Objekte Eigenschaften des Fensterobjekts. Ihre Beziehung ist wie folgt:
1. Windows -Objekt
Das Fensterobjekt ist ein globales JavaScript -Objekt, sodass die Eigenschaften und Methoden der Verwendung des Fensterobjekts nicht angegeben werden müssen. Zum Beispiel: Alarm, der vollständige Anruf ist tatsächlich Fenster.
1. Eigenschaften, Methoden und Ereignisse von Windows -Objekten
| Attributname | Wirkung | Demo |
|---|---|---|
| Name | Geben Sie den Namen des Fensters an | |
| Elternteil | Das übergeordnete Fenster des aktuellen Fensters (Frame), mit dem es die Methode und Eigenschaften des Objekts zurückgibt | |
| Öffner | Gibt das Fensterobjekt zurück, das das aktuelle Fenster erzeugt und es verwendet, um die Methode und Eigenschaften des Objekts zurückzugeben | |
| Spitze | Es repräsentiert das Hauptfenster, ist das Fenster oberster Ebene und auch das übergeordnete Fenster aller anderen Fenster. Die Methoden und Eigenschaften des aktuellen Fensters können über dieses Objekt zugegriffen werden | |
| Selbst | Gibt ein Objekt im aktuellen Fenster zurück, durch das Methoden und Eigenschaften des aktuellen Fensters zugegriffen werden können. | |
| defaultStatus | Gibt den Standardinhalt zurück, der in der Browser -Statusleiste angezeigt wird | |
| Status | Geben Sie den angegebenen Inhalt zurück, der in der Browser -Statusleiste angezeigt wird |
| Methodenname | Wirkung | Demo |
|---|---|---|
| Alarm() | Zeigt ein Alarmdialogfeld mit einer Nachricht und einer OK -Schaltfläche an | |
| bestätigen() | Zeigen Sie ein Bestätigungsdialogfeld an | |
| prompt() | Zeigen Sie ein Eingabedialogfeld an, in dem der Benutzer aufgefordert wird, Daten einzugeben | |
| offen() | Öffnen Sie ein vorhandenes Fenster oder erstellen Sie ein neues Fenster und laden Sie ein Dokument in dieses Fenster | |
| schließen() | Ein offenes Fenster schließen | |
| navigieren() | Zeigen Sie die angegebene Webseite im aktuellen Fenster an | |
| setTimeout () | Stellen Sie einen Timer ein und rufen Sie eine Funktion auf, nachdem das angegebene Zeitintervall übergeben wurde. | |
| Clearimeout () | Setzen Sie den angegebenen Timer zurück | |
| Fokus() | Lassen Sie ein Fensterobjekt den aktuellen Fokus erhalten | |
| verwischen() | Lassen Sie ein Fensterobjekt seinen aktuellen Fokus verlieren |
| Ereignis | veranschaulichen | Demo |
|---|---|---|
| Onload | Tritt auf, wenn HTML -Dateien in den Browser geladen werden | |
| Onunload | Tritt auf, wenn HTML -Dateien aus dem Browser gelöscht werden | |
| Onfokus | Tritt auf, wenn das Fenster Fokus erhält | |
| Onblur | Tritt auf, wenn das Fenster den Fokus verliert | |
| OnHelp | Tritt auf, wenn der Benutzer die F1 -Taste drückt | |
| onresize | Tritt auf, wenn der Benutzer das Fenster verändert | |
| ONSCROLL | Tritt auf, wenn der Benutzer das Fenster scrollt | |
| onError | Tritt auf, wenn beim Laden einer HTML -Datei ein Fehler auftritt |
2. Die Hauptfunktionen des Fensterobjekts:
Passen Sie die Größe und Position des Fensters an, öffnen Sie ein neues Fenster, ein System -Eingabeaufenthaltsfeld, die Statusleistensteuerung und die Timing -Vorgänge. Im Folgenden finden Sie die folgenden Beschreibungen dieser 5 Funktionen.
(1) Passen Sie die Größe und Position des Fensters an
Verfahren | Verwendung | veranschaulichen |
window.moveby Bewegen Sie das Browserfenster an den angegebenen Ort (relative Positionierung) | window.moveby (dx, dy) | Für Sicherheit und gute Benutzerüberlegungen dürfen JavaScript -Skripte nicht verwendet werden, um Fenster außerhalb des visuellen Bereichs zu verschieben. Das Browserfenster muss immer garantiert im visuellen Bereich des Bildschirms liegen. |
Fenster.Moveto Bewegen Sie das Browserfenster an den angegebenen Standort (Absolute Positionierung) | window.moveby (x, y) | Wenn die angegebenen Koordinaten (x, y) einige oder alle Fenster außerhalb des sichtbaren Bereichs platzieren, bleibt das Fenster dem Bildschirmrand am nächsten. |
Fenster.Resizeby Ändern Sie die Größe des Browserfensters in die angegebene Breite und Höhe (Relativ ändern Sie das Fenster). | Fenster.ResizeBy (DW, DH) | |
Fenster.Resizeto Ändern Sie die Größe des Browser -Fensters in die angegebene Breite und Höhe (die Größe des Fensters absolut ändern). | Fenster.Resizeto (W, H) | Die angegebene Breite und Höhe kann nicht negativ sein |
(2) Öffnen Sie ein neues Fenster
Verwendung: window.open ([URL], [Ziel], [Optionen])
Parameter -URL: Die URL soll in das neue Fenster geladen werden. Wenn keine Parameter angegeben sind, wird die leere Seite standardmäßig geladen. Zum Beispiel: window.open ("test.htm");
Parameterziel: Ziel oder Name des neu geöffneten Fensters
_self laden neue Seite im aktuellen Fenster
_Blank Laden Sie die neue Seite in ein neues Fenster
_Parent lädt eine neue Seite im übergeordneten Fenster
_top lädt neue Seite im oberen Fenster
Parameteroptionen: Die Eigenschaften des neu geöffneten Fensters bestehen aus mehreren Optionen, die durch Kommas getrennt sind, und jede Option enthält den Namen und den Wert der Option.
Optionen | veranschaulichen |
Höhe | Die Höhe des Fensters, Einheitspixel |
Breite | Die Breite des Fensters, Einheitspixel |
links | Die linke Kanteposition des Fensters |
Spitze | Die obere Kanteposition des Fensters |
Vollbild | Ob Vollbild, Standardwert Nr. |
Standort | Unabhängig davon, ob die Adressleiste angezeigt werden, ist der Standardwert Ja |
Menubar | Unabhängig davon, ob die Menüleiste angezeigt werden, ist der Standardwert Ja |
Setzbar | Unabhängig davon |
Scrollbars | Unabhängig davon, ob Scrollbars angezeigt werden, Standardwert Ja |
Status | Unabhängig davon, ob die Statusleiste angezeigt werden, lautet der Standardwert Ja |
Titelleiste | Unabhängig davon, ob die Titelleiste angezeigt werden, ist der Standardwert Ja |
Symbolleiste | Unabhängig davon, ob die Symbolleiste angezeigt werden, ist der Standardwert Ja |
(3) System -Eingabeaufforderung Box
window.alert zeigt eine meldungsaufforderung an, nutzungsfenster.alert ([message]); (Hinweis: Fensterobjekte werden im Allgemeinen weggelassen, und es wird direkt verwendet.)
Window.Confirm zeigt ein Bestätigungsdialogfeld an, das die Tasten OK und Abbrechen enthält.
Fenster.Prompt zeigt ein Meldungsaufforderung an, das ein Texteingangsfeld enthält.
Verwendung: window.prompt ([Nachricht], [Standard]); Nachricht ist der im Eingabeaufforderung angezeigte Text, und Standardwert ist der Standardwert des Textfelds.
(4) Statusbalkensteuerung
Durch das Fenster kontrolliert.Status -Eigenschaft. Zum Beispiel: Fenster.Status = "Fehleraufforderung"; Dies wirkt sich auf die Benutzererfahrung aus, sodass nicht empfohlen wird, die Statusleisteninformationen zu ändern.
(5) zeitgesteuerte Operation
Timing -Operationen werden häufig verwendete Funktionen in der Webentwicklung. In der Entwicklung basierend auf der AJAX -Technologie gibt es eine Art von Anwendung, die regelmäßig auf den Backend -Server zugreifen und die Frontend -Seite aktualisieren muss. Diese Art der Anwendungsimplementierung hängt in der Regel von den Funktionen der Zeitverbindung ab.
Es gibt vier Timing -Betriebsfunktionen: window.setinterval, window.clearinterval, window.settimeout und window.clearTimeout. Diese vier Funktionen sind Methoden von Fensterobjekten, was bedeutet, dass die Zeitläufe im Browser im Browserfenster abgeschlossen werden. Das Folgende ist eine detaillierte Einführung in die Verwendung dieser vier Methoden.
① Fenster.SetInterval legt den Timer fest und führt das angegebene Codefenster aus. SetInterval (Code, Zeit);
Beschreibung: Der Codeparameter kann eine Funktion oder ein JavaScript -Code in Form einer Zeichenfolge sein
Der Zeitparameter ist das Zeitintervall für die Ausführung des Codes und das Gerät ist MS.
② Fenster.
③ window.settimeout legt den Timer fest und führt das angegebene Codefenster aus. Settimeout (Code, Zeit);
Hinweis: Der Codeparameter kann eine Funktion oder ein JavaScript -Code in Form einer Zeichenfolge sein. Der Unterschied zwischen SetTimeout und SetInterval besteht darin, dass SetTimeOut den angegebenen Code nur einmal ausführt.
Der Zeitparameter ist das Zeitintervall für die Ausführung des Codes und das Gerät ist MS.
④ Fenster.ClearTimeout Löschen Sie den Timer, der durch das Fenster SetTimeout -Funktion festgelegt wurde. ClearTimeout (Zeit);
Die obige detaillierte Erklärung des Fensterobjekts, eines der JavaScript -Browserobjekte, wird vom Editor geteilt. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.