Navigatori, ekrani dhe objektet e vendndodhjes - Informacioni i shfletuesit dhe zgjidhja e ekranit - URL aktuale. Programimi i vetive të dritares së shfletuesit Emri i shfletuesit të objektit navigator në dritare Javascript

Fusha e adresës së shfletuesit zakonisht ndodhet në krye të dritares dhe shfaq URL-në e dokumentit të ngarkuar. Nëse përdoruesi dëshiron të shkojë manualisht në një faqe (shkruaj URL-në e saj), ai e bën atë në fushën e adresës.

Figura: 4.2.

Prona vendndodhja dritarja objekt është vetë një objekt i klasës Vendndodhja... Klasa Vendndodhja, nga ana tjetër, është një nënklasë e klasës URL, e cila gjithashtu përfshin objekte të klasës Zona dhe Lidhja. Objektet Vendndodhja trashëgoni të gjitha vetitë e objekteve URL, gjë që ju lejon të përdorni çdo pjesë të skemës URL. Për më shumë informacion mbi klasën e objektit URL, shihni Programimi Hypertext Navigation.

Për pajtueshmëri të prapambetur me JavaScript, gjuha gjithashtu mbështet pronën dritare.dokumenti. vendndodhjai cili aktualisht kopjon plotësisht dritaren. vendndodhja me të gjitha vetitë dhe metodat e tij. Konsideroni tani vetitë dhe metodat e objektit të dritares. vendndodhja (nuk ka asnjë ngjarje të lidhur me këtë objekt).

Karakteristikat e objektit të vendndodhjes

Ata janë më të lehtë për t'u demonstruar me një shembull. Supozoni se shfletuesi po shfaq një faqe të vendosur në:

Pastaj vetitë e objektit vendndodhja merrni vlerat e mëposhtme:

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 "windows.location.search \u003d"? produkt \u003d telefoni & id \u003d 3 "dritarja.location.hash \u003d" # shenja "

Siç u përmend në leksionet e mëparshme, vetitë e objektit mund të arrihen duke përdorur të dyja shënimi i pikave (si më sipër) dhe me shënim kllapa, për shembull: dritare. vendndodhja ["host"].

Metodat e objektit të vendndodhjes

Metodat e objektit vendndodhja janë krijuar për të kontrolluar ngarkimin dhe ringarkimin e faqes. Ky kontroll do të thotë që ose mund të rimbushni dokumentin aktual (metodën) ringarkoj ()), ose ngarkoni një të re (metoda zëvendësoj ()).

dritare.lokacion.rimbushje (e vërtetë);

Metoda ringarkoj () plotësisht simulon sjelljen e shfletuesit kur klikoni në butonin Ringarko në shiritin e veglave. Nëse e quani metodën pa argument ose e specifikoni atë të barabartë me true, atëherë shfletuesi do të kontrollojë kohën e modifikimit të fundit të dokumentit dhe do ta shkarkojë atë nga cache (nëse dokumenti nuk është modifikuar) ose nga serveri. Kjo sjellje korrespondon me një klikim të thjeshtë të butonit Reload të shfletuesit (çelësi F5 në Internet Explorer). Nëse specifikoni false si argument, shfletuesi do të rimbushë dokumentin aktual nga serveri pa marrë parasysh se çfarë. Kjo sjellje korrespondon me shtypjen e tastit Shift dhe butonit Reload të shfletuesit (ose Ctrl + F5 në Internet Explorer) në të njëjtën kohë.

Përdorimi i objektit vendndodhja, mund të shkoni në një faqe të re në dy mënyra:

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

Dallimi midis tyre është në shfaqjen e këtij veprimi në dritaren e historisë së vizitave të faqeve. historia... Në rastin e parë, një element i ri që përmban adresën "http://www.newsite.ru/" do të shtohet në historinë e vizitave, kështu që nëse dëshironi, mund të shtypni butonin Kthehu në panelin e shfletuesit për t'u kthyer në faqen e mëparshme. Në rastin e dytë, adresa e re "http://www.newsite.ru/" do të zëvendësojë atë të mëparshme në historinë e vizitave dhe do të jetë e pamundur të ktheheni në faqen e mëparshme duke shtypur butonin "Kthehu".

Historia e vizitave (historia)

Historia e shfletimit të faqeve të World Wide Web lejon përdoruesin të kthehet në faqen që ai ka parë më parë në një dritare të caktuar të shfletuesit. Historia e shfletimit të JavaScript është shndërruar në një objekt dritareje. historia... Ky objekt tregon për një varg URL që përdoruesi ka vizituar dhe mund të aksesohen duke zgjedhur mënyrën Go nga menyja e shfletuesit. Metodat e objektit historia ju lejon të ngarkoni faqet duke përdorur një URL nga kjo grup.

Për të shmangur çështjet e sigurisë së shfletuesit, mund të lundroni vetëm nëpër Histori duke përdorur indeksin. Në këtë rast, URL, si një varg teksti, nuk është në dispozicion për programuesin. Përdorimi më i zakonshëm i këtij objekti është në shembuj ose faqe që mund të lidhen nga disa faqe të ndryshme, duke supozuar se mund të ktheheni përsëri në faqen nga e cila do të ngarkohet shembulli:

Ky kod shfaq butonin "Kthehu", duke klikuar mbi të cilin do të kthehemi në faqen e mëparshme. Metoda historia përpara (), duke na çuar në faqen tjetër të vizituar.

Ekziston edhe një metodë go (), e cila ka një argument të plotë që ju lejon të hidhni përpara ose prapa disa hapa në historinë tuaj të shfletimit. Për shembull, histori .go (-3) do të na çojë 3 hapa prapa në historinë e shfletimit. Në këtë rast, metodat back () dhe përpara () janë ekuivalente me metodën go () përkatësisht me argumentet -1 dhe 1. Telefononi histori .go (0) do të rimbushë faqen aktuale.

Lloji i shfletuesit (navigatori)

Shpesh lind detyra e krijimit të një faqeje për një shikues specifik (shfletuesi). Në këtë rast, janë të mundshme dy mundësi: përcaktimi i llojit të shfletuesit në anën e serverit, ose në anën e klientit. Për këtë të fundit, ekziston një objekt dritarja në arsenalin e JavaScript të objekteve. lundrues... Karakteristikat më të rëndësishme të këtij objekti janë renditur më poshtë.

Le të shohim një shembull të thjeshtë të përcaktimit të llojit të shikuesit.

Nje objekt lundrues shërben për të hyrë në vetë programin e shfletuesit të internetit. Mos e ngatërroni me një objekt dritareqë përfaqëson dritaren aktuale të shfletuesit të internetit dhe emrin e programit Netscape Navigator.

emri i kodit të aplikacionit

Kthen emrin e kodit për programin e shfletuesit Web. Si për Internet Explorer ashtu edhe për Navigator, ai do të kthejë vargun "Mozilla". Qirje

appMinorVersion

Kthen shifrën më pak të rëndësishme të numrit të versionit të shfletuesit të Internetit. Për shembull, për Internet Explorer 5.0 do të kthejë "0" dhe për 5.5 do të kthejë "5".

Përkrahet vetëm Internet Explorer nga 4.0

emri i aplikacionit

Merr emrin e programit të shfletuesit të Internetit, të tilla si "Netscape" ose "Microsoft Internet Explorer".

versioni i aplikacionit

Kthen versionin e programit të shfletuesit Web.

shfletuesiGjuha

Kthen kodin për programin e shfletuesit të internetit.

cookieEnabled

Kthehet e vërtetë nëse shfletuesi i internetit lejohet nga përdoruesi të pranojë cookies. Përkrahet vetëm IE që prej 4.0

cpuClass

Merr klasën e procesorit të kompjuterit të klientit, të tilla si "x86" ose "Alpha". Përkrahet vetëm IE që prej 4.0

gjuhe

Kthen kodin e gjuhës të programit të shfletuesit të Internetit. Vetëm NN mbështetet që nga 4.0

onLine

Kthehet e vërtetë nëse klienti është aktualisht i lidhur në internet (në internet) dhe i rremë nëse është i shkëputur (jashtë linje).

Përkrahet vetëm IE që prej 4.0

platformë

Kthen emrin e platformës së klientit, për shembull "Win32".

gjuha e sistemit

Kthen kodin e gjuhës të sistemit operativ të klientit. Mbështet vetëm IE që prej 4.0

userAgent

Kthen një varg që identifikon shfletuesin e internetit të klientit. Isshtë një kombinim i vlerave të pronës appCodeName dhe appVersion.

gjuha e përdoruesit

Njësoj si gjuha e shfletuesit.

Përkrahet vetëm IE që prej 4.0

Nje objekt lundrues gjithashtu mbështet metodën javaEnabled ()që kthehet e vërtetë nëse përdoruesi ka lejuar skriptimin JavaScript në shfletuesin e internetit.

Unë do të doja të them pak më shumë detaje në lidhje me pronën versioni i aplikacionit, ose më saktë, vlera që ajo kthen. Gjë është se IE dhe NN do të kenë vlera të ndryshme.

Ky është formati për Navigator:

(Version) [(Gjuha)] ((Sistemi operativ); U | I)

Këtu (Version) paraqet versionin e shfletuesit të internetit (Gjuhe) - gjuha e programit (por mund të mungojë), (Sistemi operativ) - përcaktimi i sistemit operativ të klientit, për shembull, "Win96", "Win16" ose "WinNT", shkronja "U" - versioni amerikan i programit dhe "Unë" - ndërkombëtar.

Për shembull:

4.0 (Win95; I)

Internet Explorer ka një format të prodhimit të vlerës së pronës versioni i aplikacionit te tjera:

(Version i përputhshëm Navigator) (i pajtueshëm; (Version); (Sistemi operativ))

Këtu (Sistemi operativ) mund të jenë "Windows 3.1", "Windows 3.11", "Windows 95" ose "Windows NT".

2.0 (i pajtueshëm; 3.01; Win95)

Prona userAgent kthen një vlerë që ka formatin:

(Vlera e emrit të AppCode) / (Vlera e AppVersion)

Kjo është, për dy shembujt e mëparshëm, ne marrim vlerat e mëposhtme:

Mozilla / 4.0 (Win95; I) Mozilla / 2.0 (i pajtueshëm; 3.01; Win95)

Ky objekt është thjesht informues. Ai siguron informacion në lidhje me shfletuesin.

Si një shembull i përdorimit të navigatorit, le të shfaqim të gjitha vetitë e shfletuesit:

< script type= "text/javascript" > dokument shkruaj (); për (pronë var në navigator) (dokument. shkruaj (" "+ pronë +": "); dokumenti. writeln (lundruesi [prona]);)

Objekti i historisë

Përgjegjës për 2 butona: 'përpara' dhe 'prapa'. Shfletuesi, duke ndjekur lidhjen nga faqja në faqe, ruan historinë e këtyre kalimeve. Ata. ju mund të ktheheni një faqe ose të shkoni një faqe përpara. Ju mund të simuloni shtypjen e këtyre butonave nga javaScript duke përdorur metoda dhe veti.

Objekti ka një veti - gjatësi - gjatësi.

Objekti ka metoda: shko (), prapa (), përpara ().

Le të shqyrtojmë një shembull:

< script type= "text/javascript> gjatësia e funksionit () (// tregon numrin e kalimeve alarm ("Numri i tranzicioneve:" + histori.gjatësia);) funksiononi mbrapa () (// kthehuni prapa histori.prapa ();) funksion përpara () (// lëviz përpara 1 tranzicion histori. përpara ();)

Objekti i vendndodhjes

Përgjegjës për shiritin e adresës. Ju lejon të merrni dhe ndryshoni adresën e faqes. Sapo të ndryshojë adresa, shfletuesi automatikisht lundron në adresën e re. Ata. mund të simuloni kalimin në adresë.

ka vetitë:

• hash është etiketë.
• host - emër host + port.
• emri i hostit është www dhe.ru në adresën e faqes.
• href - përmban shiritin e adresës. Këtu mund të shkruani një adresë tjetër, dhe shfletuesi do të shkojë në këtë adresë.
• emri i faqes është vetë faqja.
• postë - postë e përdorur.
• protokolli është http: // ose ftp: //.
• kërkimi - parametrat pas pikëpyetjes.

ka metodat:

• caktoj () - hidhu në adresën e specifikuar.
• reload () - imitim i shtypjes së butonit 'refresh'.
• zëvendësoj () - shko në adresën e specifikuar, por nuk ka asnjë buton kthimi në faqen e hapur, d.m.th. nuk e ruan këtë faqe në histori.

Objekti i ekranit

Ky është një objekt thjesht informues. Raporton madhësinë e ekranit të përdoruesit në piksel. Nuk ka metoda, vetëm veti:

• availHeight është lartësia e disponueshme e ekranit.
• availWidth është gjerësia e disponueshme e ekranit.
• colorDepth - numri i bitëve të alokuara për ruajtjen e ngjyrave (aktualisht nuk përdoret).
• lartësia - lartësia e ekranit të përdoruesit.
• gjerësia - gjerësia e ekranit të përdoruesit.
• updateInterval - Shpejtësia e rifreskimit të ekranit CRT (nuk përdoret).

Objekti navigues përmban informacion në lidhje me shfletuesin e përdoruesit (në veçanti - është përdorimi i cookies në dispozicion dhe është i aktivizuar mbështetja Java).

Objekti navigues gjithashtu ju lejon të përcaktoni llojin e sistemit operativ.

Për lehtësi për të punuar me objektin navigues, le të shfaqim të gjitha vetitë e tij në ekran. Duke kujtuar materialin nga mësimi i mëparshëm.

Informacioni i shfletuesit - prona e userAgent;

Gjuha e shfletuesit - pronë e gjuhës;

Emri i sistemit operativ - prona oscpu;

Nëse cookies janë të aktivizuara - cookie e pronës Aktivizo d;

Nëse përdoruesi është i lidhur me internet - vetia onLine.

Hyrja në vetitë e objektit navigatori bëhet përmes një pike.

Objekti i ekranit do të ndihmojë për të marrë të dhëna në lidhje me rezolucionin e ekranit të përdoruesit, thellësinë e ngjyrës, etj.

Ne do të bëjmë të njëjtën gjë me objektin e ekranit: së pari, ne do të shfaqim të gjitha vetitë e tij.

Tani, duke përdorur vetitë e lartësisë dhe gjerësisë së objektit të ekranit, ne marrim informacion në lidhje me rezolucionin e ekranit - lartësinë dhe gjerësinë e tij në pixel. Dhe gjithashtu në lidhje me thellësinë e bit të paleta e ngjyrave - prona colorDepth.

Objekti i vendndodhjes kthen url dritarja aktuale e përdoruesit.

Ai gjithashtu përmban të dhëna në lidhje me pjesët dhe përbërësit e adresës aktuale: emri i hostit, numri i portës, protokolli, etj.

Karakteristikat e objektit vendndodhja.

Ne do të përdorim pronën href të objektit të vendndodhjes për të shfaqur URL-në e dokumentit aktual.

Le të bëjmë detyrat e shtëpisë për këtë orë mësimore.

Gjeni nga cili shfletues personi erdhi në faqen tuaj dhe, në varësi të shfletuesit, shfaqni:

Nëse firefox: "Shfletuesi juaj është Firefox."
Nëse opera: "Shfletuesi juaj është Opera."
Nëse është i kromuar: "Shfletuesi juaj është Chrome".

Për të zgjidhur këtë detyrë shtëpie ju nevojitet:

Merrni informacion në lidhje me shfletuesin aktual duke përdorur pronën userAgent të objektit navigues.

Në kohën e zgjidhjes së këtij problemi, kam marrë të dhënat e mëposhtme në lidhje me shfletuesit Firefox, Opera dhe 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, si 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, si Gecko) Chrome /61.0.3163.100 Safari / 537.36

Gjeni emrat e shfletuesve duke përdorur shprehje të rregullta nga informacioni rreth tyre.