Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung des Windows-Objektkurses in JS

Detaillierte Erläuterung des Windows-Objektkurses in JS

亚连
Freigeben: 2018-05-17 11:10:07
Original
1642 Leute haben es durchsucht

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 () oder der Frame-Seite () 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 verwendet: „Close window“.
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(string>, , );

Beschreibung:

: Beschreibt, welche Webseite das geöffnete Fenster öffnet. Bleibt das Feld leer (''), wird keine Webseite geöffnet.
: 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 „".
: 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: [.]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: [.]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: [.]resizeTo(width, height); bewirkt, dass die Größe des Fensters auf Breitenpixel und Höhenpixel geändert wird.
resizeBy() Verwendung: [.]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(); Öffnet ein Dialogfeld, das nur die Schaltfläche „OK“ enthält und den Inhalt von anzeigt. Das Lesen des gesamten Dokuments und die Ausführung des Skripts werden angehalten bis der Benutzer OK drückt.
confirm()-Verwendung: bestätigen(); öffnet ein Dialogfeld mit den Schaltflächen „OK“ und „Abbrechen“, zeigt den Inhalt von 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([, ]); Ö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 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
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 -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;
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage