Einführung in die fünf in der Stückliste vorhandenen Objekte

Jeder, der Frontend-Entwicklung studiert hat, sollte wissen, dass JavaScript in drei Teile unterteilt ist: ECMAScript (die grundlegende Syntax der JS-Sprache selbst), DOM (Document Object Model, Application Programming Interface) und BOM (Browser Object Model). ).

BOM hängt tatsächlich mit dem Browser zusammen. Daher können Browserhersteller es frei nach ihren eigenen Vorstellungen erweitern (Erweiterung basierend auf Fensterobjekten). Allerdings sind Erweiterungen Erweiterungen und jeder Browser folgt einer Reihe von Standards. Das Erlernen der Stückliste ist immer noch sehr wichtig für das Verständnis der JS-Sprache und kann daher nicht ignoriert werden. Das Folgende ist meine Zusammenfassung und einige gängige Methoden. Ich werde nicht näher auf die Verwendung der einzelnen Methoden eingehen. Der Hauptzweck dieses Artikels besteht darin, zu hoffen, dass BOM in unseren Köpfen einen einfachen Rahmen bildet. Kennen Sie einige gängige Methoden und Sie können sie bei Problemen bis zur Quelle zurückverfolgen.

Es gibt fünf Objekte in der Stückliste:

1. Fensterobjekt (Kernobjekt)

2. Standortobjekt (d. h. Fensterobjektattribute, die auch Attribute des Dokumentobjekts sind)

3. Navigatorobjekt

4. Historienobjekt: bisher nicht verwendet

5. Bildschirmobjekt: bisher noch nie verwendet

Unter jedem Objekt sind einige gängige und häufig verwendete Methoden aufgeführt und aufgeführt unten. Einfache Anweisungen.

• Gemeinsame Methoden des Fensterobjekts (Kernobjekt)

• Asynchron: XMLHttpRequest-Konstruktor

• Zahlendatentyp: Number, parseInt, parseFloat, isNaN, isFinite

• Timer: setTimeout, setInterval. Was ich hier erklären möchte, ist, dass dies in der Rückruffunktion in setTimeout auf das Fensterobjekt verweist. Der Grund ist eigentlich sehr einfach. Wenn die Callback-Funktion als Parameter an setTimout übergeben wird, erfolgt die implizite Zuweisung dieser Funktion. Zu beachten ist auch die Ausführungsreihenfolge von setTimeout.

• URL-Verschlüsselung: encodeURI, encodeURIComponent-Methode

• URL-Entschlüsselung: decodeURI, decodeURIComponent-Methode

• Fenstergröße: (innerWidth, innerHeight) (outerWidth, äußereHeight), die von der Client-Dimension und der Offset-Dimension im DOM unterschieden werden sollte, d. h. clientWidth(Height) und offsetWidth(Height)

• Fensterposition: (screenLeft, screenRight) (screenX, screenY)

• Neues Fenster öffnen: Methode öffnen, diese Methode kann drei Parameter empfangen

• Systemdialogfeld: Warn-, Bestätigungs-, Eingabeaufforderungsmethoden

• Standortobjekt

• href-Attribut: get URL-Adresse (Sie können die URL-Adresse auch über dieses Attribut festlegen)

• Protokollattribut: Gibt das von der Seite verwendete Protokoll zurück (Sie können das Protokoll auch über dieses Attribut festlegen)

• Host-Attribut: Gibt den Servernamen und die Portnummer zurück, einschließlich Hostname + Port (Sie können den Host auch über dieses Attribut festlegen)

• Hostname Attribut: Gibt ohne Portnummer den Servernamen zurück, (Hostname kann auch über dieses Attribut festgelegt werden)

• Portattribut: Gibt die Portnummer zurück, (Port kann auch über dieses Attribut festgelegt werden)

• Pfadname-Attribut: Gibt das URL-Verzeichnis oder den Dateinamen zurück (Sie können den Pfadnamen auch über dieses Attribut festlegen)

• Hash-Attribut: Gibt den zurück Hash (#content) in der URL (Sie können ihn auch über Dieses Attribut legt den Hash fest)

• Suchattribut: Abfragezeichenfolge (z. B.?name=keith&height=180), ( Sie können die Suche auch über dieses Attribut festlegen)

• Neulademethode: Die Seite wird auf die effizienteste Weise geladen. Das heißt, wenn sich die Seite seit der letzten Anfrage nicht geändert hat, wird die Seite aus dem Browser-Cache geladen. Wenn Sie ein Neuladen aus dem Browser erzwingen möchten, können Sie den booleschen Wert true übergeben.

• Navigatorobjekt

• userAgent: Benutzeragent, fragt die vom Benutzer verwendeten Browserinformationen ab. Auf der mobilen Seite kann damit ermittelt werden, welche Art von Mobilgerät oder Browser der Benutzer verwendet

Das obige ist der detaillierte Inhalt vonEinführung in die fünf in der Stückliste vorhandenen Objekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!