Sursă: http://learn.javascript.ru/browser-objects
navigator: platformă și browser
Navigatorul obiect conține Informații generale despre browser și sistemul de operare. Două proprietăți sunt deosebit de remarcabile:
- navigator.userAgent- conține informații despre browser.
- navigator.platform- conține informații despre platformă, vă permite să faceți distincția între Windows / Linux / Mac etc.
ecran
Obiectul ecranului conține informații generale despre ecran, inclusiv rezoluția, culoarea etc. Poate fi util să determinați dacă codul se execută pe dispozitiv mobil cu rezoluție mică.
Rezoluția curentă a ecranului orizontal / vertical al vizitatorului este în screen.width / screen.height.
Această proprietate poate fi utilizată pentru a colecta informații statistice despre vizitatori.
Codul JavaScript pentru contoare citește aceste informații și le trimite la server. De aceea, puteți vizualiza în statistici câți vizitatori au venit din ecranul respectiv.
Locație
Obiectul de localizare oferă informații despre adresa URL curentă și permite JavaScript să redirecționeze vizitatorul către o altă adresă URL. Valoarea acestei proprietăți este un obiect de tip Locație.
Metode și proprietăți de localizare
Cea mai importantă metodă este, desigur, toString. Revine adresa URL completă.
Codul care trebuie să efectueze o operație de șir la locație trebuie să arunce mai întâi obiectul într-un șir. Așa va fi eroarea:
// va exista o eroare, pentru că locația nu este un șir alert (window .location.indexOf (": //"));Și acest lucru este corect:
// a rezultat în linia dinainte de indexOf alert ((window .location + "") .indexOf (": //"));Toate proprietățile următoare sunt șiruri. Coloana Exemplu conține valorile lor pentru adresa URL de test:
Metode de localizare a obiectelor
- atribui (url) descărcați documentul la adresa URL dată. Puteți echivala și pur și simplu window.location.href = url.
- reîncărca () reîncărcați documentul la adresa URL curentă. Argumentul forceget este o valoare booleană, dacă este adevărat, atunci documentul este întotdeauna reîncărcat de pe server, dacă este fals sau nu este specificat, atunci browserul poate prelua pagina din memoria cache.
- înlocui (url)înlocuiți documentul curent cu documentul la adresa URL specificată.
- toString () Returnează reprezentarea în șir a adresei URL.
Schimbarea oricăror proprietăți ale window.location, altele decât hash, va reîncărca documentul ca și cum ar fi apelată metoda window.location.assign () pe adresa URL modificată.
De asemenea, puteți redirecționa prin atribuirea explicită a locației, de exemplu:
// browserul va încărca pagina http://javascript.ru window .location = "http://javascript.ru";rame
O colecție care conține cadre și iframe. Puteți face referire la ele atât după număr, cât și după nume.
Rame conțin obiecte de fereastră pentru rame copil. Următorul cod traduce cadrul într-o nouă adresă URL:
<iframe name = "example" src = "http://example.com" width = "200" height = "100">iframe> <script> window .frames.example.location = "http://example.com";script>istorie
Obiectul istoric permite schimbarea adresei URL fără a reîncărca pagina (în același domeniu) folosind API-ul Istoric, precum și redirecționarea vizitatorului înainte și înapoi prin istoric.
Obiectul istoric nu oferă posibilitatea de a citi istoricul vizitelor. Puteți trimite vizitatorul înapoi apelând history.back () sau redirecționând apelând history.forward (), dar browserul nu furnizează adresele în sine din motive de securitate.
Total
Obiecte browser:
- navigator, ecran Conține informații despre browser și ecran.
- Locație Conține informații despre adresa URL curentă și vă permite să o modificați. Orice modificare, în afară de hash, supraîncarcă pagina. De asemenea, puteți reîncărca pagina de pe server apelând location.reload (adevărat).
- rame Conține o colecție de obiecte de fereastră pentru fiecare dintre cadrele copil. Fiecare cadru este disponibil după număr (de la zero) sau după nume, ceea ce este de obicei mai convenabil.
- istorie Vă permite să trimiteți vizitatorul la pagina anterioară / următoare din istoric, precum și să modificați adresa URL fără a reîncărca pagina folosind API-ul Istoric.
Acest obiect este pur informativ. Oferă informații despre browser.
Ca exemplu de utilizare a navigatorului, să afișăm toate proprietățile browserului:
< script type= "text/javascript" >document. writeln (); for (proprietate var în navigator) (document. write (" „+ proprietate +”: "); document. writeln (navigator [proprietate]);)Obiect de istorie
Responsabil pentru 2 butoane: „înainte” și „înapoi”. Browserul, urmând linkul de la pagină la pagină, salvează istoricul acestor tranziții. Acestea. puteți reveni cu o pagină sau mergeți cu o pagină înainte. Este posibil să simulați apăsarea acestor butoane din javaScript folosind metode și proprietăți.
Obiectul are o proprietate - lungime - lungime.
Obiectul are metode: go (), back (), forward ().
Să luăm în considerare un exemplu:
< script type= "text/javascript> function length () (// arată numărul de tranziții alert ("Număr de tranziții:" + history.length);) function back () (// go back history.back ();) function forward () (// mutați înainte 1 tranziție history.forward ();)Obiect de localizare
Responsabil pentru bara de adresa... Vă permite să obțineți și să modificați adresa paginii. De îndată ce adresa se schimbă, browserul navighează automat la noua adresă. Acestea. puteți simula trecerea la adresă.
Există proprietăți:
- hash este o etichetă.
- gazdă - nume gazdă + port.
- hostname este www and.ru în adresa site-ului.
- href - conține bara de adrese. Aici puteți scrie o altă adresă, iar browserul va merge la această adresă.
- calea este pagina în sine.
- port - stâlp uzat.
- protocolul este http: // sau ftp: //.
- căutare - parametri după semnul întrebării.
Există metode:
- assign () - săriți la adresa specificată.
- reload () - imitarea apăsării butonului „reîmprospătare”.
- replace () - săriți la adresa specificată, dar la deschide pagina nu există buton înapoi, adică nu salvează această pagină în istorie.
Obiect ecran
Acesta este un obiect pur informațional. Raportează dimensiunea ecranului utilizatorului în pixeli. Nu are metode, ci doar proprietăți:
- availHeight este înălțimea ecranului disponibilă.
- availWidth este lățimea ecranului disponibilă.
- colorDepth - numărul de biți alocați pentru stocarea culorilor (în prezent nu este utilizat).
- înălțime - înălțimea ecranului utilizatorului.
- width - lățimea ecranului utilizatorului.
- updateInterval - Rata de reîmprospătare a ecranului CRT (neutilizată).
Navigatorul obiect conține informații despre browserul utilizatorului (în special - este disponibil utilizarea cookie-urilor fișiere și este compatibil cu Java).
Navigatorul obiect vă permite, de asemenea, să determinați tipul de sistem de operare.
Pentru confortul de a lucra cu obiectul navigator, permiteți-ne să afișăm toate proprietățile sale pe ecran. Reamintim materialul din lecția anterioară.
Informații despre browser - proprietate userAgent;
Limbă browser - proprietate limbă;
Nume sistem de operare - proprietate oscpu;
Dacă cookie-urile sunt activate - cookie cookieEnable d;
Dacă utilizatorul este conectat la Internet - proprietatea on-line.
Accesarea proprietăților obiectului navigatorul se face printr-un punct.
Obiectul ecranului vă va ajuta să obțineți date despre rezoluția ecranului utilizatorului, adâncimea culorii etc.
Vom face același lucru cu obiectul ecran: mai întâi, vom afișa toate proprietățile sale.
Acum, folosind proprietățile de înălțime și lățime ale obiectului ecranului, obținem informații despre rezoluția ecranului - înălțimea și lățimea acestuia în pixeli. Și, de asemenea, despre adâncimea de biți a paletei de culori - proprietatea colorDepth.
Obiect de localizare returnează adresa URL fereastra curentă a utilizatorului.
De asemenea, conține date despre părțile și componentele adresei curente: numele gazdei, numărul portului, protocolul etc.
Proprietățile obiectului Locație.
Vom folosi proprietatea href a obiectului de locație pentru a afișa adresa URL a documentului curent.
Să ne facem temele pentru această lecție.
Aflați din ce browser a venit persoana pe pagina dvs. și, în funcție de browser, afișați:
Dacă Firefox: „Browserul dvs. este Firefox”.
Dacă opera: „Browserul dvs. este Opera”.
Dacă este crom: „Browserul dvs. este Chrome”.
Pentru a rezolva aceste teme de care aveți nevoie:
Utilizați proprietatea userAgent a obiectului navigator pentru a obține informații despre browserul curent.
La momentul rezolvării acestei probleme, am primit următoarele date despre Browsere Firefox, Opera și 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, cum ar fi 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, cum ar fi Gecko) Chrome / 61.0.3163.100 Safari / 537.36
Găsiți nume de browser folosind expresii regulate din informații despre ei.
