✅ HTML5 - atrašanās vietas objekts

Satura rādītājs

Objekts atrašanās vietu ir viens no daudzajiem, kam mēs varam piekļūt, pateicoties SAULE, Tas ļauj mums iegūt atbilstošu informāciju par dokumenta adresi, kā arī ļauj pāriet uz citiem dokumentiem.
Atrašanās vietas objekts
Kā jau minējām sākumā, objekts atrašanās vietu ļauj mums piekļūt mūsu dokumenta atrašanās vietas īpašībām, izmantojot SAULE, lai mēs varētu iegūt detalizētu informāciju par adresēm un to, kā pāriet uz citiem dokumentiem.
Lai to visu iegūtu, mums ir šādas īpašības un metodes, kuras varam izmantot, izsaucot šo objektu, apskatīsim sarakstu un katra darbību:

· protokols: Iegūst vai iestata dokumenta URL protokola komponentu.

· saimnieks: Iegūst vai iestata dokumenta URL resursdatora komponentu.

· href : Iegūst vai nosaka pašreizējā dokumenta atrašanās vietu.

· saimniekdatora nosaukums: Iegūst vai iestata dokumenta URL resursdatora nosaukumu.

· osta: Iegūst vai iestata dokumenta URL porta komponentu.

· ceļa nosaukums: Iegūst vai iestata dokumenta URL ceļu vai ceļa komponentu.

· Meklēt: Iegūst vai iestata dokumenta URL vaicājuma komponentu.

· hash : Iegūst vai iestata jaucējkomponentu dokumenta URL.

· piešķirt (): Dodieties uz norādīto URL.

· aizvietot (): Noņemiet pašreizējo dokumentu un dodieties uz to, kas norādīts URL.

· Pārlādēt (): Pārlādēt vai atsvaidzināt pašreizējo dokumentu.

· resolURL (): Atrisina norādīto relatīvo URL līdz absolūtam ceļam.

Ļoti labi, tagad, kad mēs zinām, kas mums ir, mēs redzēsim nelielu piemēru, kā visu šo informāciju iegūt dokumentā, izmantojot Javascript mūsu HTML dokumentā.

 Piemērs

Apskatīsim, kā tas tiek interpretēts pārlūkprogrammā; Lai parādītu mūsu izmantoto meklēšanas un jaucējfunkciju ? query = āboli # āboli lai mēs varētu redzēt, kā pārlūkprogramma to uztver, zem rezultāta šādā attēlā:

Izmantojiet atrašanās vietas objektu, lai pārietu uz citu lapu
Kā jau iepriekš minējām, mēs varam izmantot arī atrašanās vietas objektu, lai pārietu uz citu vietni, tas ir, lai pārietu uz citu dokumentu, ir vairāki veidi, kā to izdarīt, tomēr šoreiz mēs redzēsim vienu no vienkāršākajiem demonstrācijas veidā Vispirms apskatīsim kodu, kas mums jāģenerē, un pēc tam paskaidrosim, kā tas darbojas:

Piemērs

Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Nospiediet mani

Viens no interesantākajiem augļu aspektiem ir katrā valstī pieejamā šķirne. Es dzīvoju netālu no Londonas, rajonā, kas ir pazīstams ar saviem āboliem.

Šajā kodā mēs vienkārši rīkojamies šādi, vispirms nosakām, ka elementā ar id presmi mēs, noklikšķinot uz tā, iekļausim jaunu funkciju, pateicoties onclick notikumam, pēc tam funkcijā, kas tiek aktivizēta, kad noklikšķiniet, mēs izmantojam objektu document.location. hash un mēs saskaņojam jaucējvērtības vērtību, pie kuras mēs gatavojamies pārvietoties, šajā gadījumā banāns ir attēls, kuru esam iekļāvuši kā attēla img elementa ID.
Apskatīsim, kā tas izskatās mūsu pārlūkprogrammā:

PALIELINĀT

Kā redzam, tā ir ļoti noderīga uzvedība, un mēs to panākam ļoti vienkāršā veidā, izmantojot atrašanās vietas objektu.
Vēl viens veids varētu izmantot iepriekš uzskaitīto aizstāšanas metodi, taču aizstāšanas īpatnība ir tāda, ka tas aizstāj pašreizējo dokumentu ar to, ko tas saņem kā parametru, tādējādi izslēdzot dokumentu, kas to izsauca no vēstures, tāpēc poga Atpakaļ pārlūks nekur nenovedīs.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu