Eigenschaften und Ereignisse des Window-Objekts in JavaScript_Javascript-Kenntnissen

Fensterobjekt

Das Window-Objekt stellt ein geöffnetes Fenster im Browser dar.

Wenn das Dokument Frames (Frame- oder Iframe-Tags) enthält, erstellt der Browser ein Fensterobjekt für das HTML-Dokument und ein zusätzliches Fensterobjekt für jeden Frame.

Hinweis: Es gibt keinen öffentlichen Standard für das Fensterobjekt, es wird jedoch von allen Browsern unterstützt.

Windows-Objekteigenschaften

Eigenschaften	Beschreibung
geschlossen	Gibt zurück, ob das Fenster geschlossen wurde.
defaultStatus	Legen Sie den Standardtext in der Fensterstatusleiste fest oder geben Sie ihn zurück.
Dokument	Eine schreibgeschützte Referenz auf das Document-Objekt. Siehe Dokumentobjekt .
Geschichte	Schreibgeschützter Verweis auf das History-Objekt. Bitte parametrieren Sie History-Objekt .
Innenhöhe	Gibt die Höhe des Dokumentanzeigebereichs des Fensters zurück.
Innenweite	Gibt die Breite des Dokumentanzeigebereichs des Fensters zurück.
Länge	Legen Sie die Anzahl der Frames im Fenster fest oder geben Sie sie zurück.
Standort	Ein Standortobjekt für ein Fenster oder einen Rahmen. Siehe Standortobjekt .
Name	Legt den Namen des Fensters fest oder gibt ihn zurück.
Navigator	Eine schreibgeschützte Referenz auf das Navigator-Objekt. Bitte parametrieren Sie Navigatorobjekt .
Öffner	Gibt einen Verweis auf das Fenster zurück, das dieses Fenster erstellt hat.
Außenhöhe	Gibt die äußere Höhe des Fensters zurück.
Außenbreite	Gibt die äußere Breite des Fensters zurück.
pageXOffset	Legen Sie die X-Position der aktuellen Seite relativ zur oberen linken Ecke des Fensteranzeigebereichs fest oder geben Sie sie zurück.
pageYOffset	Legen Sie die Y-Position der aktuellen Seite relativ zur oberen linken Ecke des Fensteranzeigebereichs fest oder geben Sie sie zurück.
Elternteil	Kehren Sie zum übergeordneten Fenster zurück.
Bildschirm	Schreibgeschützter Verweis auf das Screen-Objekt. Bitte parametrieren Sie Bildobjekt .
selbst	Gibt einen Verweis auf das aktuelle Fenster zurück. Entspricht der Window-Eigenschaft.
Status	Legen Sie den Text der Fensterstatusleiste fest.
oben	Kehren Sie zum Vorfahrenfenster der obersten Ebene zurück.
Fenster	Das Fensterattribut entspricht dem Selbstattribut, das einen Verweis auf das Fenster selbst enthält.
screenLeft screenTop screenX screenY	Nur ​​ganze Zahlen lesen. Deklariert die X- und Y-Koordinate der oberen linken Ecke des Fensters auf dem Bildschirm. IE, Safari und Opera unterstützen screenLeft und screenTop, während Firefox und Safari screenX und screenY unterstützen.

Windows-Objektmethoden

Methode	Beschreibung
alert()	Zeigt ein Warnfeld mit einer Nachricht und einer Bestätigungsschaltfläche an.
Unschärfe()	Entfernen Sie den Tastaturfokus aus dem Fenster der obersten Ebene.
clearInterval()	Stornieren Sie das durch setInterval() festgelegte Timeout.
clearTimeout()	Stornieren Sie das durch die setTimeout()-Methode festgelegte Zeitlimit.
close()	Schließen Sie das Browserfenster.
bestätigen()	Zeigt ein Dialogfeld mit einer Meldung sowie Schaltflächen zum Bestätigen und Abbrechen an.
createPopup()	Erstellen Sie ein Popup-Fenster.
focus()	Geben Sie einem Fenster den Tastaturfokus.
moveBy()	Bewegt das Fenster um angegebene Pixel relativ zu seinen aktuellen Koordinaten.
moveTo()	Bewegen Sie die obere linke Ecke des Fensters zu einer angegebenen Koordinate.
open()	Öffnen Sie ein neues Browserfenster oder suchen Sie ein benanntes Fenster.
print()	Drucken Sie den Inhalt des aktuellen Fensters.
prompt()	Zeigen Sie ein Dialogfeld an, das den Benutzer zur Eingabe auffordert.
resizeBy()	Ändern Sie die Größe des Fensters entsprechend den angegebenen Pixeln.
resizeTo()	Ändern Sie die Größe des Fensters auf die angegebene Breite und Höhe.
scrollBy()	Scrollen Sie den Inhalt entsprechend dem angegebenen Pixelwert.
scrollTo()	Scrollen Sie den Inhalt zu den angegebenen Koordinaten.
setInterval()	Rufen Sie eine Funktion auf oder werten Sie einen Ausdruck in einem bestimmten Zeitraum (in Millisekunden) aus.
setTimeout()	Ruft eine Funktion oder einen berechneten Ausdruck nach einer angegebenen Anzahl von Millisekunden auf.

Verschiedene Laufumgebungen haben unterschiedliche „Objekte der obersten Ebene“, und in der Browserumgebung ist das Objekt der obersten Ebene das Fensterobjekt. Fenster bezieht sich auf das aktuelle Browserfenster.

Beispiel: var a = 1;

window.a; //1

1. Eigenschaften des Fensterobjekts.

(1) window.name-Attribut

window.name wird verwendet, um den Namen des aktuellen Browserfensters des Browsers festzulegen. Die Besonderheit besteht darin, dass dieses Attribut nach der Aktualisierung des Browsers unverändert bleibt.

(2) window.innerHeight-Eigenschaft, window.innerWidth-Eigenschaft

Diese beiden Eigenschaften geben die Höhe und Breite des Browserfensters zurück, das vom CSS-Layout der Webseite eingenommen wird. Zu den Werten dieser beiden Eigenschaften gehören die Höhe und Breite der Bildlaufleiste des Browsers.

(3) window.pageXoffset-Eigenschaft und window.pageYoffset-Eigenschaft.

window.pageXoffset gibt den horizontalen Scrollabstand der Seite zurück. window.pageYoffset gibt die vertikale Scrolldistanz der Seite zurück.

(4) Iframe-Element

window.iframe gibt ein Array-ähnliches Objekt zurück.

(5) Bildschirmobjekt

Zeigt Geräteinformationen an.

// Zeigt die Höhe des Geräts in Pixel an
screen.height
// 1920
// Zeigt die Breite des Geräts in Pixel an
screen.width
// 1080

2. Ereignisse des Fensterobjekts.

(1) onerror-Ereignis.

Das oonerror-Ereignis ist eine altmodische Standardmethode zum Erkennen von Javascript-Fehlern in Webseiten.

(2) Alarm(), Eingabeaufforderung(), Bestätigung()

sind alle Methoden, die Browser zur Interaktion mit Benutzern verwenden. Es werden verschiedene Dialogfelder angezeigt.

Beispiel: warning("Hello World");

alert(); Das Popup-Dialogfeld verfügt nur über eine Schaltfläche „OK“, die häufig verwendet wird, um den Benutzer über bestimmte Informationen zu informieren.

Beispiel: var result = prompt('Wie alt sind Sie?', 25)

prompt(); Das Popup-Dialogfeld verfügt über ein Eingabefeld, in das der Benutzer Informationen eingeben muss, sowie über zwei Schaltflächen: „OK“ und „Abbrechen“. Diese Methode wird häufig verwendet, um vom Benutzer eingegebene Daten zu erhalten.

Beispiel: var result = bestätigen("Wie geht es dir?");

confirm(); Die Bestätigungsmethode gibt einen booleschen Wert zurück. Wenn der Benutzer auf „OK“ klickt, gibt sie „true“ zurück.