Navigator-, Bildschirm- und Standortobjekte - Informationen zur Browser- und Bildschirmauflösung - Aktuelle URL. Programmieren der Eigenschaften des Browserfensters Name des Browsers des Javascript Window Navigator-Objekts

Das Adressfeld des Browsers befindet sich normalerweise oben im Fenster und zeigt die URL des geladenen Dokuments an. Wenn der Benutzer manuell zu einer Seite gehen möchte (geben Sie deren URL ein), tut er dies im Adressfeld.

Zahl: 4.2.

Eigentum ort Fensterobjekt ist selbst ein Klassenobjekt Ort... Klasse Ortist wiederum eine Unterklasse der URL-Klasse, die auch Klassenobjekte enthält Bereich und Link. Objekte Ort Erben Sie alle Eigenschaften von URL-Objekten, sodass Sie auf jeden Teil des URL-Schemas zugreifen können. Weitere Informationen zur URL-Objektklasse finden Sie unter Programmieren der Hypertext-Navigation.

Aus Gründen der Abwärtskompatibilität mit JavaScript unterstützt die Sprache auch die Eigenschaft window.document. OrtDadurch wird das Fenster derzeit vollständig dupliziert. ort mit all seinen Eigenschaften und Methoden. Betrachten Sie nun die Eigenschaften und Methoden des Fensterobjekts. ort (Mit diesem Objekt sind keine Ereignisse verknüpft.)

Eigenschaften des Standortobjekts

Sie lassen sich anhand eines Beispiels leichter demonstrieren. Angenommen, der Browser zeigt eine Seite an:

Dann die Eigenschaften des Objekts ort Nehmen Sie die folgenden Werte an:

window.location.href \u003d "http://www.site.ru:80/dir/page.cgi?product\u003dphone&id\u003d3#mark" window.location.protocol \u003d "http:" window.location.hostname \u003d " www.site.ru "window.location.port \u003d 80 window.location.host \u003d" www.site.ru:80 "window.location.pathname \u003d" dir / page.cgi "window.location.search \u003d"? product \u003d phone & id \u003d 3 "window.location.hash \u003d" #mark "

Wie in früheren Vorlesungen erwähnt, kann auf Objekteigenschaften mit beiden zugegriffen werden punktnotation (wie oben) und mit klammernotationZum Beispiel: Fenster. standort ["Host"].

Standortobjektmethoden

Objektmethoden ort dienen zum Steuern des Ladens und Neuladens von Seiten. Dieses Steuerelement bedeutet, dass Sie entweder das aktuelle Dokument (Methode) neu laden können neu laden ()) oder laden Sie eine neue (Methode ersetzen ()).

window.location.reload (true);

Methode neu laden () simuliert das Browserverhalten vollständig, wenn Sie in der Symbolleiste auf die Schaltfläche Neu laden klicken. Wenn Sie die Methode ohne Argument aufrufen oder gleich true angeben, überprüft der Browser den Zeitpunkt der letzten Änderung des Dokuments und lädt sie entweder aus dem Cache (falls das Dokument nicht geändert wurde) oder vom Server herunter. Dieses Verhalten entspricht einem einfachen Klick auf die Schaltfläche "Neu laden" des Browsers (Taste F5 in Internet Explorer). Wenn Sie als Argument false angeben, lädt der Browser das aktuelle Dokument vom Server neu, egal was passiert. Dieses Verhalten entspricht dem gleichzeitigen Drücken der Umschalttaste und der Schaltfläche zum erneuten Laden des Browsers (oder Strg + F5 in Internet Explorer).

Objekt verwenden ortSie können auf zwei Arten zu einer neuen Seite wechseln:

window.location.href \u003d "http://www.newsite.ru/"; window.location.replace ("http://www.newsite.ru/");

Der Unterschied zwischen ihnen besteht in der Anzeige dieser Aktion im Fenster "Verlauf der Seitenbesuche". geschichte... Im ersten Fall wird ein neues Element mit der Adresse "http://www.newsite.ru/" zum Besuchsverlauf hinzugefügt, sodass Sie auf Wunsch im Browserfenster auf die Schaltfläche "Zurück" klicken können, um zur vorherigen Seite zurückzukehren. Im zweiten Fall ersetzt die neue Adresse "http://www.newsite.ru/" die vorherige in der Besuchsgeschichte, und es ist unmöglich, durch Drücken der Schaltfläche "Zurück" zur vorherigen Seite zurückzukehren.

Besuchsgeschichte (Geschichte)

Der Verlauf der Besuche von Seiten im World Wide Web ermöglicht es dem Benutzer, zu der Seite zurückzukehren, die er zuvor in einem bestimmten Browserfenster angezeigt hat. Der Browserverlauf von JavaScript wird in ein Fensterobjekt umgewandelt. geschichte... Dieses Objekt verweist auf ein Array von URLs, die der Benutzer besucht hat, und kann durch Auswahl des Go-Modus im Browser-Menü aufgerufen werden. Objektmethoden geschichte Mit dieser Option können Sie Seiten mithilfe einer URL aus diesem Array laden.

Um Probleme mit der Browsersicherheit zu vermeiden, können Sie nur mithilfe des Index durch den Verlauf navigieren. In diesem Fall steht die URL als Textzeichenfolge dem Programmierer nicht zur Verfügung. Dieses Objekt wird am häufigsten in Beispielen oder Seiten verwendet, die von mehreren verschiedenen Seiten aus verknüpft werden können, vorausgesetzt, Sie können zu der Seite zurückkehren, von der das Beispiel geladen wird:

Dieser Code zeigt die Schaltfläche "Zurück" an. Wenn Sie darauf klicken, kehren Sie zur vorherigen Seite zurück. Die Methode funktioniert ähnlich geschichte. nach vorne ()und bringt uns zur nächsten besuchten Seite.

Es gibt auch eine go () -Methode, die ein ganzzahliges Argument enthält, mit dem Sie mehrere Schritte in Ihrem Browserverlauf vorwärts oder rückwärts springen können. Zum Beispiel, geschichte .go (-3) Wir werden 3 Schritte zurück in den Browserverlauf gehen. In diesem Fall die Methoden back () und nach vorne () sind äquivalent zur go () -Methode mit den Argumenten -1 bzw. 1. Anruf geschichte .go (0) lädt die aktuelle Seite neu.

Browsertyp (Navigator)

Oft besteht die Aufgabe darin, eine Seite für einen bestimmten Betrachter (Browser) einzurichten. In diesem Fall sind zwei Optionen möglich: Bestimmen des Browsertyps auf der Serverseite oder auf der Clientseite. Für letztere gibt es ein Fensterobjekt im JavaScript-Arsenal von Objekten. navigator... Die wichtigsten Eigenschaften dieses Objekts sind unten aufgeführt.

Schauen wir uns ein einfaches Beispiel für die Bestimmung des Betrachtertyps an.

Ein Objekt navigator dient zum Zugriff auf das Webbrowser-Programm selbst. Verwechseln Sie es nicht mit einem Objekt fensterDies repräsentiert das aktuelle Webbrowser-Fenster und den Namen des Netscape Navigator-Programms.

appCodeName

Gibt den Namen des Codes für das Webbrowser-Programm zurück. Sowohl für Internet Explorer als auch für Navigator wird die Zeichenfolge "Mozilla" zurückgegeben. Ficken.

appMinorVersion

Gibt die niedrigstwertige Ziffer der Versionsnummer des Webbrowsers zurück. Für Internet Explorer 5.0 wird beispielsweise "0" und für 5.5 "5" zurückgegeben.

Unterstützt nur Internet Explorer ab 4.0

app Name

Ruft den Namen des Webbrowser-Programms ab, z. B. "Netscape" oder "Microsoft Internet Explorer".

app Version

Gibt die Version des Webbrowser-Programms zurück.

browserLanguage

Gibt den Code für das Webbrowser-Programm zurück.

cookieEnabled

Gibt true zurück, wenn der Benutzer im Webbrowser Cookies akzeptieren darf. Unterstützt nur IE seit 4.0

cpuClass

Ruft die Prozessorklasse des Clientcomputers ab, z. B. "x86" oder "Alpha". Unterstützt nur IE seit 4.0

sprache

Gibt den Sprachcode des Webbrowser-Programms zurück. Nur 4.0 unterstützt seit 4.0

online

Gibt true zurück, wenn der Client derzeit mit dem Internet verbunden ist (online), und false, wenn die Verbindung getrennt ist (offline).

Unterstützt nur IE seit 4.0

plattform

Gibt den Namen der Client-Plattform zurück, z. B. "Win32".

systemLanguage

Gibt den Sprachcode des Client-Betriebssystems zurück. Unterstützt nur IE seit 4.0

user-Agent

Gibt eine Zeichenfolge zurück, die den Webbrowser des Clients identifiziert. Es ist eine Kombination der Eigenschaftswerte appCodeName und appVersion.

userLanguage

Das gleiche wie browserLanguage.

Unterstützt nur IE seit 4.0

Ein Objekt navigator unterstützt auch die Methode javaEnabled ()Dies gibt true zurück, wenn der Benutzer JavaScript-Skripte im Webbrowser zugelassen hat.

Ich möchte etwas mehr Details über die Immobilie sagen app Versionbzw. der zurückgegebene Wert. Die Sache ist, dass IE und NN unterschiedliche Werte haben.

Dies ist das Format für Navigator:

(Version) [(Sprache)] ((Betriebssystem); U | I)

Hier (Ausführung) repräsentiert die Version des Webbrowsers (Sprache) - die Sprache des Programms (aber möglicherweise nicht verfügbar), (Operationssystem) - Bezeichnung des Betriebssystems des Kunden, z. B. "Win96", "Win16" oder "WinNT", der Buchstabe "U" - die amerikanische Version des Programms und "I" - die internationale.

Zum Beispiel:

4,0 (Win95; I)

Internet Explorer verfügt über ein Ausgabeformat für Eigenschaftswerte app Version andere:

(Kompatible Navigator-Version) (kompatibel; (Version); (Betriebssystem))

Hier (Operationssystem) kann "Windows 3.1", "Windows 3.11", "Windows 95" oder "Windows NT" sein.

2,0 (kompatibel; 3,01; Win95)

Eigentum user-Agent gibt einen Wert zurück, der das Format hat:

(AppCodeName-Wert) / (AppVersion-Wert)

Das heißt, für die beiden vorherigen Beispiele erhalten wir die folgenden Werte:

Mozilla / 4.0 (Win95; I) Mozilla / 2.0 (kompatibel; 3.01; Win95)

Dieses Objekt dient nur zur Information. Es enthält Informationen zum Browser.

Lassen Sie uns als Beispiel für die Verwendung des Navigators alle Browsereigenschaften anzeigen:

< script type= "text/javascript" > Dokument. writeln (); for (var-Eigenschaft im Navigator) (document. write (" "+ property +": "); document. writeln (navigator [Eigenschaft]);)

Verlaufsobjekt

Verantwortlich für 2 Tasten: 'vorwärts' und 'zurück'. Der Browser, der dem Link von Seite zu Seite folgt, speichert den Verlauf dieser Übergänge. Jene. Sie können eine Seite zurück oder eine Seite vorwärts gehen. Sie können das Drücken dieser Schaltflächen mithilfe von Methoden und Eigenschaften aus JavaScript simulieren.

Das Objekt hat eine Eigenschaft - Länge - Länge.

Das Objekt verfügt über folgende Methoden: go (), back (), forward ().

Betrachten wir ein Beispiel:

< script type= "text/javascript> funktionslänge () (// zeigt die Anzahl der Übergänge an alert ("Anzahl der Übergänge:" + history.length);) funktion back () (// gehe zurück history.back ();) funktion vorwärts () (// 1 Übergang vorwärts bewegen history.forward ();)

Standortobjekt

Verantwortlich für die Adressleiste. Ermöglicht das Abrufen und Ändern der Seitenadresse. Sobald sich die Adresse ändert, navigiert der Browser automatisch zur neuen Adresse. Jene. Sie können den Übergang zur Adresse simulieren.

es gibt eigenschaften:

• hash ist das Label.
• host - Hostname + Port.
• der Hostname lautet www and.ru in der Site-Adresse.
• href - enthält die Adressleiste. Hier können Sie eine andere Adresse schreiben, und der Browser wechselt zu dieser Adresse.
• pfadname ist die Seite selbst.
• port - gebrauchte Post.
• protokoll ist http: // oder ftp: //.
• suchparameter nach dem Fragezeichen.

es gibt methoden:

• assign () - Zur angegebenen Adresse springen.
• reload () - Nachahmung des Drückens der 'Refresh'-Taste.
• replace () - gehe zur angegebenen Adresse, aber es gibt keine Zurück-Schaltfläche auf der geöffneten Seite, d. h. speichert diese Seite nicht im Verlauf.

Bildschirmobjekt

Dies ist ein rein informatives Objekt. Es gibt die Größe des Bildschirms des Benutzers in Pixel an. Es gibt keine Methoden, nur Eigenschaften:

• verfügbarkeitHöhe ist die verfügbare Bildschirmhöhe.
• verfügbare Breite ist die verfügbare Bildschirmbreite.
• colorDepth - Die Anzahl der Bits, die zum Speichern von Farben zugewiesen wurden (derzeit nicht verwendet).
• höhe - Die Bildschirmhöhe des Benutzers.
• width - Die Breite des Benutzerbildschirms.
• updateInterval - Aktualisierungsrate des CRT-Bildschirms (nicht verwendet).

Das Navigatorobjekt enthält informationen zum Browser des Benutzers (insbesondere - ist die Verwendung von Cookies verfügbar und ist die Java-Unterstützung aktiviert).

Mit dem Navigatorobjekt können Sie auch den Typ des Betriebssystems bestimmen.

Um die Arbeit mit dem Navigatorobjekt zu vereinfachen, zeigen wir alle seine Eigenschaften auf dem Bildschirm an. Erinnern an das Material aus der vorherigen Lektion.

Browserinformationen - userAgent-Eigenschaft;

Browsersprache - Spracheigenschaft;

Betriebssystemname - oscpu-Eigenschaft;

Ob Cookies aktiviert sind - Eigenschaft cookieEnable d;

Ob der Benutzer mit dem Internet verbunden ist - die Eigenschaft onLine.

Zugriff auf Objekteigenschaften Der Navigator wird durch einen Punkt ausgeführt.

Das Bildschirmobjekt hilft dabei, Daten über die Bildschirmauflösung, Farbtiefe usw. des Benutzers abzurufen.

Wir werden dasselbe mit dem Bildschirmobjekt tun: Zuerst werden wir alle seine Eigenschaften anzeigen.

Mithilfe der Eigenschaften für Höhe und Breite des Bildschirmobjekts erhalten wir nun Informationen zur Bildschirmauflösung - Höhe und Breite in Pixel. Und auch über die Bittiefe der Farbpalette - die colorDepth-Eigenschaft.

Standortobjekt gibt die URL zurück aktuelles Benutzerfenster.

Es enthält auch Daten zu den Teilen und Komponenten der aktuellen Adresse: Hostname, Portnummer, Protokoll usw.

Objekteigenschaften Ort.

Wir verwenden die href-Eigenschaft des Standortobjekts, um die URL des aktuellen Dokuments anzuzeigen.

Lassen Sie uns unsere Hausaufgaben für diese Lektion machen.

Finden Sie heraus, aus welchem \u200b\u200bBrowser die Person auf Ihre Seite gekommen ist, und zeigen Sie je nach Browser Folgendes an:

Wenn Firefox: "Ihr Browser ist Firefox."
Wenn Oper: "Ihr Browser ist Opera."
Wenn Chrome: "Ihr Browser ist Chrome."

Um diese Hausaufgaben zu lösen, brauchen Sie:

Informationen zum aktuellen Browser erhalten Sie mithilfe der userAgent-Eigenschaft des Navigatorobjekts.

Zum Zeitpunkt der Lösung dieses Problems erhielt ich die folgenden Daten zu den Browsern Firefox, Opera und Chrome.

Mozilla / 5.0 (Windows NT 6.1; WOW64; rv: 56.0) Gecko / 20100101 Firefox /56.0

Mozilla / 5.0 (Windows NT 6.1; Win64; x64) AppleWebKit / 537.36 (KHTML, wie Gecko) Chrome / 61.0.3163.100 Safari / 537.36 OPR /48.0.2685.39

Mozilla / 5.0 (Windows NT 6.1; Win64; x64) AppleWebKit / 537.36 (KHTML, wie Gecko) Chrome / 61.0.3163.100 Safari / 537.36

Suchen Sie Browsernamen mit regulären Ausdrücken von Informationen über sie.