Heim  >  Artikel  >  Web-Frontend  >  BOM_Grundkenntnisse in Javascript

BOM_Grundkenntnisse in Javascript

WBOY
WBOYOriginal
2016-05-16 15:02:411248Durchsuche

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

Verlauf eine Eigenschaft des Fensterobjekts

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


Stellungnahme:
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