Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung des Windows-Objektkurses in JS
Detaillierte Erläuterung des Windows-Objektkurses in JS
1. Es ist das größte Objekt in JS. Es beschreibt im Allgemeinen ein Browserfenster Wenn Sie auf dessen Eigenschaften und Methoden verweisen möchten, müssen Sie nicht die Form „Window.XXX“ verwenden, sondern „XXX“ direkt verwenden. Eine Frame-Seite ist auch ein Fenster.
2. Das Window-Objekt hat die folgenden Eigenschaften.
1.name Der Name des Fensters, bestehend aus der Verbindung, die es geöffnet hat (2772201cdc8da66f4f160b6ac67b783f) oder der Frame-Seite (a3ecdb435edc3b1b29c1b32ebb40ede9) oder wird durch die open()-Methode (siehe unten) bestimmt, die von einem bestimmten Fenster aufgerufen wird. Im Allgemeinen werden wir dieses Attribut nicht verwenden.
2. Status bezieht sich auf den Inhalt, der in der „Statusleiste“ am unteren Rand des Fensters angezeigt wird. Durch Zuweisen eines Werts zum Status kann die Darstellung der Statusleiste geändert werden.
3.Opener-Verwendung: window.opener; gibt das Fensterobjekt zurück, das dieses Fenster öffnet. Hinweis: Zurückgegeben wird ein Fensterobjekt. Wenn das Fenster nicht von einem anderen Fenster geöffnet wird, gibt diese Eigenschaft in Netscape null und im IE „undefiniert“ zurück. undefiniert ist bis zu einem gewissen Grad gleich null. Hinweis: undefiniert ist keine JavaScript-Konstante. Wenn Sie versuchen, „undefiniert“ zu verwenden, wird tatsächlich „undefiniert“ zurückgegeben.
4.self bezieht sich auf das Fenster selbst und das zurückgegebene Objekt ist genau das gleiche wie das Fensterobjekt. Am häufigsten wird „self.close()“ im Tag 3499910bf9dac5ae3c52d5ede7383485 verwendet: „09ce8ddd3e0a485a89a4903d83b6db45Close window5db79b134e9f6b82c0b36e0489ee08ed“.
5.parent gibt das Frame-Seitenobjekt zurück, zu dem das Fenster gehört.
6.top gibt das Frame-Seitenobjekt zurück, das den oberen Rand des gesamten Browserfensters einnimmt.
3. Das Fensterobjekt verfügt über die folgenden Methoden.
1.open(4c0a42f49eb0fba13fae226c0d0be762, 16020961e85d059764285851097e4338, d8c2930cc5aaf747683535d51c548bda);
Beschreibung:
3429251b5414aa69f4b53743bdbe3789: Beschreibt, welche Webseite das geöffnete Fenster öffnet. Bleibt das Feld leer (''), wird keine Webseite geöffnet.
5ae3da8663ec2183abd0696a2a37d474: Beschreibt den Namen des geöffneten Fensters (window.name). Sie können integrierte Namen wie „_top“ und „_blank“ verwenden. Der Name hier ist derselbe wie das „target“-Attribut in „2b387183a63764cad37e4377e31dcc3a".
58c16e9f7b657b6f25b8360ff9c5dc76: Beschreibt das Erscheinungsbild des geöffneten Fensters. Wenn Sie nur ein normales Fenster öffnen müssen, lassen Sie die Zeichenfolge leer (''). Wenn Sie das Erscheinungsbild angeben möchten, schreiben Sie einen oder mehrere Parameter durch Kommas getrennt in die Zeichenfolge.
Beispiel: Öffnen Sie ein sauberes Fenster im Format 400 x 100: open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories= no, status=no, scrollbars=yes,resizable=yes')
Parameter von open()
top=# Die Anzahl der Pixel, die der obere Rand des Fensters vom oberen Rand des Bildschirms verlässt
left= # Das linke Ende des Fensters verlässt den Bildschirm. Die Anzahl der Pixel am linken Ende.
width=# Die Breite des Fensters.
height=# Die Höhe des Fensters.
menubar=... Ob die Fenster hat ein Menü, der Wert ist ja oder nein
toolbar=... Das Fenster hat Es gibt keine Symbolleiste, der Wert ist ja oder nein
location=... Ob das Fenster eine Adressleiste hat, die Wert ist Ja oder Nein
directories=... Ob das Fenster einen Verbindungsbereich hat, der Wert ist Ja oder Nein
scrollbars=... Ob das Fenster Bildlaufleisten hat, der Wert ist Ja oder Nein
status=... Ob das Fenster eine Statusleiste hat, der Wert ist ja oder nein
resizable=... ob die Größe des Fensters geändert wird, der Wert ist ja oder nein
Hinweis: Das open() Die Methode hat einen Rückgabewert und was zurückgegeben wird, ist das Fensterobjekt, das sie öffnet. Zum Beispiel
var newWindow = open('','_blank');
Auf diese Weise wird der Variablen „newWindow“ in Zukunft ein neues Fenster zugewiesen kann über die Variable „newWindow“ gesteuert werden.
close() schließt ein geöffnetes Fenster.
blur() bewirkt, dass der Fokus vom Fenster wegbewegt wird und das Fenster zum „inaktiven Fenster“ wird.
focus() bewirkt, dass das Fenster den Fokus erhält und zum „aktiven Fenster“ wird. Unter Windows 98 kann diese Methode jedoch nur dazu führen, dass die entsprechenden Schaltflächen in der Titelleiste und der Taskleiste des Fensters blinken, wodurch der Benutzer darauf hingewiesen wird, dass das Fenster versucht, den Fokus zu erlangen.
scrollTo() Verwendung: [9bf54662ab0eebf19bebd7f4139e648f.]scrollTo(x, y); Scrollt das Fenster, sodass das Dokument vom (x, y)-Punkt gezählt von der oberen linken Ecke zur oberen linken Ecke scrollt des Fensters.
scrollBy() Verwendung: [9bf54662ab0eebf19bebd7f4139e648f.]scrollBy(deltaX, deltaY); bewirkt, dass das Fenster um deltaX Pixel nach rechts und um deltaY Pixel nach unten scrollt. Ein negativer Wert scrollt in die entgegengesetzte Richtung.
resizeTo() Verwendung: [9bf54662ab0eebf19bebd7f4139e648f.]resizeTo(width, height); bewirkt, dass die Größe des Fensters auf Breitenpixel und Höhenpixel geändert wird.
resizeBy() Verwendung: [9bf54662ab0eebf19bebd7f4139e648f.]resizeBy(deltaWidth, deltaHeight); bewirkt, dass die Größe des Fensters geändert wird, wodurch die Breite um deltaWidth-Pixel und die Höhe um deltaHeight-Pixel erhöht wird. Nimmt er einen negativen Wert an, nimmt er ab.
alert() Verwendung: Alert(f7e83be87db5cd2d9a8a0b8117b38cd4); Öffnet ein Dialogfeld, das nur die Schaltfläche „OK“ enthält und den Inhalt von f7e83be87db5cd2d9a8a0b8117b38cd4 anzeigt. Das Lesen des gesamten Dokuments und die Ausführung des Skripts werden angehalten bis der Benutzer OK drückt.
confirm()-Verwendung: bestätigen(98c455a79ddfebb79781bff588e7b37e); öffnet ein Dialogfeld mit den Schaltflächen „OK“ und „Abbrechen“, zeigt den Inhalt von 98c455a79ddfebb79781bff588e7b37e an und fordert den Benutzer auf, eine Auswahl zu treffen von Dokumenten und die Ausführung von Skripten werden ausgesetzt. Gibt einen wahren Wert zurück, wenn der Benutzer auf „OK“ gedrückt hat, und einen falschen Wert, wenn „Abbrechen“ gedrückt wurde.
prompt() Verwendung: prompt(f7e83be87db5cd2d9a8a0b8117b38cd4[, fdae5656cf0652ecf17c55309a31faed]); Öffnet ein Dialogfeld mit „Bestätigen“, „Abbrechen“ und einem Textfeld, dessen Inhalt erforderlich ist Wenn der Benutzer einige Daten in das Textfeld eingibt, wird das gesamte Lesen des Dokuments und die Ausführung des Skripts angehalten. Wenn der Benutzer auf „Bestätigen“ drückt, wird der vorhandene Inhalt im Textfeld zurückgegeben. Wenn der Benutzer auf „Abbrechen“ drückt, wird ein Nullwert zurückgegeben. Wenn fdae5656cf0652ecf17c55309a31faed angegeben ist, hat das Textfeld einen Standardwert.
4. Das Window-Objekt hat die folgenden Ereignisse:
window.onload; Alle Downloads sind abgeschlossen, das heißt, dass nicht nur die HTML-Dateien, sondern auch alle enthaltenen Bilder, Plug-Ins, Controls, Applets usw. heruntergeladen wurden. Dieses Ereignis ist ein Fensterereignis, aber wenn wir das Event-Handler-Programm in HTML angeben, schreiben wir es in das 6c04bd5ca3fcae76e30b72ad730ca86d
window.onunload; tritt auf, wenn der Benutzer das Dokument verlässt (oder das Fenster schließt oder zu einer anderen Seite wechselt). Wenn Sie es wie onload in HTML schreiben möchten, schreiben Sie es in das 6c04bd5ca3fcae76e30b72ad730ca86d-Tag.
window.onresize; tritt auf, wenn die Größe des Fensters geändert wird.
window.onblur; tritt auf, wenn das Fenster den Fokus verliert.
window.onfocus; tritt auf, wenn das Fenster den Fokus erhält.
window.onerror; tritt auf, wenn ein Fehler auftritt. Sein Ereignishandler wird normalerweise als „Error HandlingProgramm“ (Error Handler) bezeichnet und dient der Fehlerbehandlung. Wie oben erwähnt, verwenden Sie zum Ignorieren aller Fehler einfach:
function ignoreError() { return true; } window.onerror = ignoreError;
Das Obige ist der Windows-Objektkurs in JS, den ich für Sie zusammengestellt habe. Ich hoffe, er wird Ihnen in Zukunft hilfreich sein.
Verwandte Artikel:
Einführung in verschiedene Arten von Event-Handlern in js im Detail
Wichtige Antwortaktualisierungen Laden Sie den JS Skript und erklären Sie es in einem Satz
Durchlaufen Sie die Werte in der EL-Ausdruckslistensammlung in Javascript
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Windows-Objektkurses in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!