✅ HTML5 - vietos objektas

Turinys

Objektas vietą yra vienas iš daugelio, kurių dėka galime pasiekti SAULĖ, Tai leidžia mums gauti reikiamos informacijos apie dokumento adresą ir taip pat leidžia naršyti prie kitų dokumentų.
Vietos objektas
Kaip minėjome pradžioje, objektas vietą leidžia mums pasiekti dokumento vietos ypatybes per SAULĖ, kad galėtume gauti išsamią informaciją apie adresus ir kaip pereiti prie kitų dokumentų.
Norėdami visa tai gauti, turime šias savybes ir metodus, kuriuos galime naudoti skambindami į šį objektą, pažiūrėkime sąrašą ir ką kiekvienas iš jų daro:

· protokolas: Gauna arba nustato dokumento URL protokolo komponentą.

· šeimininkas: Gauna arba nustato dokumento URL pagrindinį komponentą.

· href : Gauna arba nustato dabartinio dokumento vietą.

· pagrindinio kompiuterio pavadinimas: Gauna arba nustato dokumento URL pagrindinio kompiuterio pavadinimą.

· uostas: Gauna arba nustato dokumento URL prievado komponentą.

· kelio pavadinimas: Gauna arba nustato dokumento URL kelią ar kelio komponentą.

· Paieška: Gauna arba nustato dokumento URL užklausos komponentą.

· maišos : Gauna arba nustato dokumento URL maišos komponentą.

· priskirti (): Eikite į nurodytą URL.

· pakeisti (): Pašalinkite dabartinį dokumentą ir eikite į tą, kuris nurodytas URL.

· perkrauti (): Iš naujo įkelkite arba atnaujinkite esamą dokumentą.

· resolURL (): Išsprendžia nurodytą santykinį URL iki absoliutaus kelio.

Labai gerai, dabar, kai žinome, ką turime, pamatysime nedidelį pavyzdį, kaip visą šią informaciją gauti dokumente naudojant Javascript mūsų HTML dokumente.

 Pavyzdys

Pažiūrėkime, kaip tai interpretuojama naršyklėje; Siekdami parodyti mūsų naudojamas paieškos ir maišos funkcijas ? query = obuoliai # obuoliai kad galėtume pamatyti, kaip naršyklė tai priima, žemiau rezultato šiame paveikslėlyje:

Naudokite vietos objektą, norėdami pereiti į kitą puslapį
Kaip jau minėjome anksčiau, mes taip pat galime naudoti buvimo vietos objektą, norėdami pereiti į kitą svetainę, tai yra, pereiti prie kito dokumento, yra keli būdai, kaip tai padaryti, tačiau šį kartą parodysime vieną iš paprasčiausių Pirma, pažiūrėkime kodą, kurį turime sukurti, ir tada paaiškinsime, kaip jis veikia:

Pavyzdys

Yra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų.

Paspauskite mane

Vienas iš įdomiausių vaisių aspektų yra kiekvienoje šalyje prieinama įvairovė. Aš gyvenu netoli Londono, rajone, kuris yra žinomas dėl savo obuolių.

Šiame kode mes tiesiog atliekame šiuos veiksmus, pirmiausia nustatome, kad į elementą su id presme mes įtrauksime naują funkciją, kai spustelėsite ją, tai yra „onclick“ įvykio dėka, o tada funkcijoje, kuri suaktyvinama, kai spustelėkite mes naudojame objektą document.location.hash ir mes suderiname maišos, prie kurios ketiname pereiti, vertę, šiuo atveju bananas yra vaizdas, kurį įtraukėme kaip vaizdo img elemento ID.
Pažiūrėkime, kaip tai atrodo mūsų naršyklėje:

DIDELIS

Kaip matome, tai labai naudingas elgesys ir mes jį pasiekiame labai paprastai, naudodami vietos objektą.
Kitas būdas gali būti naudoti anksčiau išvardytą pakeitimo metodą, tačiau pakeitimo ypatumas yra tas, kad jis pakeičia dabartinį dokumentą tuo, kurį jis gauna kaip parametrą, taigi pašalinamas dokumentas, kuris jį iškvietė iš istorijos, taigi mygtukas Atgal naršyklė niekur neveda.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką