A böngészőablak tulajdonságainak programozása. Navigator objektumok, képernyő és hely - Böngésző információ és képernyőfelbontás - Aktuális URL JavaScript window Navigator objektum böngésző neve

Forrás: http://learn.javascript.ru/Browser-Objects.

navigator: platform és böngésző

A Navigator objektum általános információkat tartalmaz a böngészőről és az operációs rendszerről. Két tulajdonság különösen figyelemre méltó:

  • navigator.UserAgent. - Tartalmaz információkat a böngészővel kapcsolatban.
  • navigator.platform - információkat tartalmaz a platformról, lehetővé teszi a Windows / Linux / Mac stb. Megkülönböztetését.
Riasztás (Navigator.UserAgent); Riasztás (Navigator.platform);

képernyő.

A képernyő objektum általános információkat tartalmaz a képernyőn, beleértve annak felbontását, kromatikus stb. Hasznos lehet annak meghatározására, hogy a kódot egy kis felbontású mobileszközön végezzük.

A vízszintes / függőleges képernyő képernyő aktuális felbontása a képernyőn található. Névtelen / screen.height.

Ez a tulajdonság használható statisztikai információk gyűjtésére a látogatókról.

A Javascript számlálók kódja elolvassa ezt az információt és elküldi a kiszolgálót. Ezért böngészhet a statisztikákban, hány látogató jött azzal, hogy milyen képernyővel rendelkezik.

elhelyezkedés

A hely objektum információt szolgáltat az aktuális URL-ről, és lehetővé teszi a Javascript számára, hogy átirányítsa a látogatót egy másik URL-re. A tulajdonság értéke egy objektumtípus hely.

Módszerek és tulajdonságok helye

A legfontosabb módszer természetesen tostring. Visszatér egy teljes URL-t.

A kód, amelynek szüksége van egy karakterláncot a helyszínen, először vezetni kell az objektumot a karakterlánchoz. Ez az, hogy a hiba:

// hiba lesz, mert A hely nem karakterlánc Riasztás (ablak .location.indexof (": //");

És így - jobb:

// az indexof előtti vonalhoz vezetett Figyelmeztetés ((ablak .location + ") .indexof (": // ");

Az alábbi tulajdonságok sorok. A "Példa" oszlop tartalmazza az értékeket egy teszt URL-re:

Az objektum helye

  1. hozzárendelés (URL) Töltse le a dokumentumot ezen az URL-en. Egyszerűen egyenértékű ablak.lokáció.href \u003d URL.
  2. reload () Töltse be újra a dokumentumot az aktuális URL-ről. CorGet Argument - Boolean érték Ha igaz, a dokumentum mindig újraindul a szerverről, ha hamis vagy nincs megadva, a böngésző egy oldalt vehet igénybe a gyorsítótárból.
  3. cserélje ki (URL) Cserélje ki az aktuális dokumentumot a dokumentumon a megadott URL szerint.
  4. tostring () Visszaadja az URL karakterlánc nézetét.

Ha megváltoztatja az ablak bármely tulajdonságait.Location, kivéve a hash, akkor a dokumentum újraindul, mintha a módosított URL-t az ablak.location.assign () módszernek hívták.

Elirányíthatja és kifejezetten hozzárendelheti a helyet, például:

// böngésző letölti a http://javascript.ru-t Ablak .Location \u003d "http://javascript.ru";

keretek.

Keretek és letöltések gyűjtése. Mind a szám, mind a név szerint hozzáférhet.

A keretek tartalmaznak ablakobjektumokat leányvállalatok. A következő kód fordítja a keretet egy új URL-re:

<iframe név \u003d "Példa" src \u003d "http://example.com" width \u003d "200" magasság \u003d "100"\u003eiframe\u003e <script\u003e ablak .frames.example.location \u003d "http://example.com";script\u003e

történelem.

A Történeti objektum lehetővé teszi az URL megváltoztatását anélkül, hogy újratölti az oldalt (ugyanazon a tartományon belül) a történelem API segítségével, valamint átirányítja a történelem visszaigazolásának látogatóit.

A történelmi objektum nem biztosítja a látogatások történetét. A látogatót a History.back () vagy a Histing History.Forward () hívásának hívásával lehet elküldeni.

TELJES

Böngésző objektumok:

  • navigátor, képernyő. Információkat tartalmaznak a böngésző és a képernyőn.
  • elhelyezkedés Tartalmaz információkat az aktuális URL-ről, és lehetővé teszi, hogy megváltoztassa. Bármilyen változás, kivéve hash, túlterheli az oldalt. Ön túlterhelheti a kiszolgáló oldalát a hívás segítségével. Location.reload (igaz).
  • keretek. Az egyes leányvállalatok számára ablakobjektumok gyűjteményét tartalmazza. Minden keret a szám (a semmiből) vagy a név szerint elérhető, ami általában kényelmesebb.
  • történelem. Lehetővé teszi, hogy egy látogatót küldjön az előző / későbbi oldalra a történelemhez, valamint módosítsa az URL-t anélkül, hogy újraindítja az oldalt az API használatával.

Ez az objektum pusztán információ. Információt biztosít a böngészőről.

A Navigator használatának példaként visszavonja a böngésző összes tulajdonságait:

< script type= "text/javascript" > Dokumentum. Iritál (); (VAR tulajdonság a navigátorban) (dokumentum. Írj (" "+ Tulajdonság +": "); Dokumentum. Writeln (Navigator [tulajdonság]);)

Történeti objektum

Felelős 2 gombért: "előre" és "vissza". Böngésző, mozgó hivatkozással oldalról az oldalt, megőrzi a történelem ezen átmenetek. Azok. Visszatérhet a hátsó oldalra, vagy menjen az ujj oldalra. A gombok megnyomásával szimulálhatja ezeket a gombokat a JavaScript módszerrel és tulajdonságokkal.

A létesítmény rendelkezik ingatlanhossz - hosszúsággal.

Az objektum módszerekkel rendelkezik: go (), vissza (), előre ().

Tekintsünk egy példát:

< script type= "text/javascript> funkció hossza () (// mutatja az átmenetek számát Riasztás ("Átmenetek száma:" + történelem.hossz);) funkció vissza () (// Visszatérés történelem.back ();) funkció előre () (// Menj előre 1 átmenetre Történelem.forward ();)

Objektum helye

Felelős a címsorért. Lehetővé teszi az oldal címét és módosítását. Amint a cím megváltozik, a böngésző automatikusan új címre kerül. Azok. A címre való áttérést szimulálhatja.

van tulajdonságok:

  • hash - címke.
  • host - HostName + Port.
  • a hostname www and.ru a webhely címében.
  • href - tartalmazza a címsorot. Itt írhat egy másik címet, és a böngésző átmegy ezen a címen.
  • a PATHNAME - oldal maga.
  • a kikötő az alkalmazott post.
  • a protokoll http: // vagy ftp: //.
  • keresés - Paraméterek Kérdőjelek után.

van mód:

  • a hozzárendelés () a megadott címre való áttérés.
  • reload () - A "Update gomb megnyomása).
  • cserélje ki () - menjen a megadott címre, de nincs hátoldal a nyitott oldalon, azaz. Nem mentheti ezt az oldalt a történelemben.

Képernyőhálózat

Ez egy tisztán információs objektum. Jelentette a felhasználó képernyő méretét képpontokban. Nincs módja, csak a tulajdonságok vannak:

  • az elérhetőség a képernyő megfizethető magassága.
  • elérhető - elérhető képernyő szélessége.
  • colordepth - a színek tárolásához rendelt bitek száma (nem használt).
  • magasság - Felhasználói képernyő magasság.
  • szélesség - Felhasználói képernyő szélessége.
  • updateInterval - ELT képernyő frissítési frekvencia (nem használt).

A Navigator objektum tartalmazza felhasználói böngésző információ (különösen - a cookie-k használata, és a Java támogatás engedélyezve van-e).

A navigátor objektum is lehetővé teszi az operációs rendszer típusát.

A Navigator objektummal való munkavégzés kényelme érdekében vonja vissza a képernyőn lévő összes tulajdonságát. Emlékszünk az előző lecke anyagára.

Böngészőinformáció - UserAgent Tulajdon;

Böngésző nyelv - nyelvi ingatlan;

Operációs rendszer neve - Oscpu tulajdonság;

Akár cookie-k is szerepelnek - a cookieenable d;

Függetlenül attól, hogy a felhasználó csatlakozik-e az internethez - online tulajdonság.

Hozzáférés az objektum tulajdonságaihoz A Navigator a ponton keresztül történik.

A képernyő objektuma segít a felhasználói képernyő felbontásának, színmélyének stb.

A képernyő objektummal hasonlóan meg fogjuk csinálni: Először távolítsa el az összes tulajdonságát a képernyőn.

Most a képernyő objektumának magassága és szélessége, információt kapunk: a képernyőfelbontás a pixelben lévő magasság és szélesség. A színes paletta keserű mélysége - a Colordepth ingatlan.

Objektum helye visszaadja az URL-t Az aktuális felhasználói ablak.

Az aktuális cím részeire és összetevőire is tartalmazza: Host név, portszám, protokoll stb.

Az objektum tulajdonságai Elhelyezkedés.

A Helyi objektum HREF tulajdonságát használjuk az aktuális dokumentum URL megjelenítéséhez.

Végezze el a házi feladatot ehhez a leckéhez.

Tudja meg, hogy melyik böngészője egy személy elment az oldalára, és a böngészőtől függően a kimenet:

Ha Firefox: "A Firefox böngészője".
Ha Opera: "Az Opera böngészője".
Ha Chrome: "A Chrome böngészője".

Megoldani ezt a házi feladatot, amire szüksége van:

A Navigátor objektum userent tulajdonságának használata, az aktuális böngészővel kapcsolatos információk.

A feladat megoldásában megkaptam a következő adatokat a Firefox, Opera és Chrome böngészőkön.

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, mint 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, mint Gecko) Chrome /61.0.3163.100 Safari / 537.36

Rendszeres kifejezésekkel keresse meg a böngésző nevét információkról.