Heim > Artikel > Web-Frontend > BOM_Grundkenntnisse in Javascript
Javascript-Stückliste
ECMAScript ist der Kern von JavaScript, aber wenn Sie JavaScript im Web verwenden möchten, dann ist das BOM (Browser Object Model) zweifellos der wahre Kern. Das BOM stellt eine Reihe von Objekten für den Zugriff auf Browserfunktionen bereit, die unabhängig vom Webseiteninhalt sind. Im Laufe der Jahre hat das Fehlen einer De-facto-Spezifikation das BOM sowohl interessant als auch problematisch gemacht, da es den Browser-Anbietern freisteht, es nach eigenem Ermessen zu erweitern. Dadurch werden von Browsern gemeinsam genutzte Objekte zum De-facto-Standard. Diese Objekte sind in Browsern vor allem deshalb vorhanden, weil sie Interoperabilität mit Browsern ermöglichen. Um die grundlegendsten Teile von JavaScript in Browsern zu standardisieren, hat W3C die Hauptaspekte von BOM in die HTML5-Spezifikation integriert.
ps: Das Obige ist ein Auszug aus „Javascript Advanced Programming“. BOM ist das Fensterobjekt des Browsers und bietet viele Fensterverarbeitungs-APIs. Bei immer mehr Webanwendungs-Frameworks müssen wir verschiedene Seiten und verschiedene Ajax-Daten im selben Fenster verarbeiten und mit dem Inhalt der Stückliste vertraut sein.
1. Fenster
Das Kernobjekt von BOM ist window , das eine Instanz des Browsers darstellt. Im Browser hat das Fensterobjekt eine Doppelrolle. Es ist sowohl eine Schnittstelle für den Zugriff auf das Browserfenster über JavaScript als auch ein durch ECMAScript spezifiziertes globales Objekt.
Das Folgende ist das dritte String-Attribut von open
2. Standort
Der Standort ist eines der nützlichsten Stücklistenobjekte. Er liefert Informationen über das im aktuellen Fenster geladene Dokument und bietet auch einige Navigationsfunktionen. Tatsächlich ist das Standortobjekt ein ganz besonderes Objekt, da es sowohl eine Eigenschaft des Fensterobjekts als auch eine Eigenschaft des Dokumentobjekts ist. Mit anderen Worten: window.location und document.location beziehen sich auf dasselbe Objekt. Der Nutzen des Standortobjekts besteht nicht nur darin, dass es Informationen über das aktuelle Dokument speichert, sondern auch darin, dass es die URL in unabhängige Fragmente analysiert, sodass Entwickler über verschiedene Eigenschaften auf diese Fragmente zugreifen können.
3. Geschichte
Das History-Objekt speichert den Online-Verlauf des Benutzers ab dem Moment, in dem das Fenster geöffnet wird. Da
ist, verfügt jedes Browserfenster, jede Registerkarte und sogar jeder Frame über ein eigenes Verlaufsobjekt, das einem bestimmten Fensterobjekt zugeordnet ist. Aus Sicherheitsgründen haben Entwickler keine Möglichkeit zu erfahren, welche URLs ein Benutzer angezeigt hat. Allerdings ist es mit einer Liste der Seiten, die der Benutzer besucht hat, auch möglich, vor und zurück zu gehen, ohne die tatsächliche URL zu kennen.
4. Navigator
Das Navigator-Objekt, das erstmals mit Netscape Navigator 2.0 eingeführt wurde, ist mittlerweile zum De-facto-Standard zur Identifizierung von Client-Browsern geworden. Obwohl andere Browser die gleichen oder ähnliche Informationen auf andere Weise bereitstellen (z. B. window.clientInfor-mation im IE und indow.opera in Opera), ist das Navigatorobjekt allen Browsern gemeinsam, die JavaScript unterstützen. Wie andere Stücklistenobjekte verfügt auch das Navigatorobjekt in jedem Browser über einen eigenen Satz an Eigenschaften. Das Bild unten enthält einige wichtige Informationen zum Navigator
5. Bildschirm
Es gibt mehrere Objekte in JavaScript, die für die Programmierung wenig nützlich sind, und das Bildschirmobjekt ist eines davon. Das Bildschirmobjekt wird im Grunde nur dazu verwendet, die Fähigkeiten des Clients anzuzeigen, einschließlich Informationen über die Anzeige außerhalb des Browserfensters, wie z. B. Pixelbreite und -höhe. Das Bildschirmobjekt in jedem Browser enthält unterschiedliche Eigenschaften. In der folgenden Tabelle sind alle Eigenschaften und die Browser aufgeführt, die die entsprechenden Eigenschaften unterstützen. Verwenden Sie einfach den folgenden Code, um es zu überprüfen