Hvordan få nettadressen til nettsiden ved å bruke JavaScript
La oss se på dette i denne artikkelen.
Hva er en url?
URL (Uniform Resources Locator) er en bane som lar deg få tilgang til en bestemt forekomst av websiden. Nettleseren gjenkjenner banen og viser den nødvendige nettsiden mot den URL -en.
Før vi hopper til å få nettadressen til en webside, må vi ha en grunnleggende kunnskap om et par objekter som:
- vindusobjekt
- stedsobjekt
- Href -objekt
La oss ha en grunnleggende forståelse av hvert av disse objektene.
JavaScript Window -objekt
JavaScript bruker vindu.plassering.href For å få nettadressen til siden. Her er vindusobjektet et universelt eller et globalt objekt som i utgangspunktet er en nettleservindu, og dette vinduobjektet holder også alle JavaScript -objekter, funksjoner og variabler.
JavaScript Location Object
plassering Objekt holder all informasjon om den gjeldende nettadressen til websiden, dette objektet kan nås enkelt ved å bruke vindu. plassering.
JavaScript Href -objekt
De href er en eiendom som kan brukes til å angi eller returnere hele nettadressen til den nåværende websiden vi jobber med. Denne egenskapen er tilgjengelig under vindu.plassering.href
La oss se på hele objektet og dets applikasjoner.
vindu.plassering.Href forklarte
I JavaScript, plassering Objektet har informasjon om dokumentets nåværende URL, mens Vindu grensesnitt brukes til å få tilgang til det. Som et resultat kan du hente plassering objekt for det gjeldende dokumentet med Vindu.plassering. Bruk deretter eiendommen plassering.href For å hente en streng som inneholder hele nettadressen.
Den nåværende URL -en som vises i nettleseradressefeltet kan hentes ved hjelp av en rekke JavaScript -teknikker. Du kan hente disse dataene ved å bruke Window Object's Location Object -attributt. Følgende er en liste over noen av egenskapene til stedsobjektet.
Operasjonene du kan gjøre ved hjelp av JavaScript er listet opp nedenfor.
Eksempler på URL -data hentet ved hjelp av vindu.plassering
La oss ta et eksempel URL 'https: // exp.com: 3737/få?post = exp#spørring 'og utføre noen operasjoner på det.
| Operasjon | Resultater |
|---|---|
| vindu.plassering.href | https: // exp.com: 3737/få?POST = EXP#spørring |
| vindu.plassering.protokoll; | https: |
| vindu.plassering.vert | eksempel.com: 3737 |
| vindu.plassering.Vertsnavn | exp.com |
| vindu.plassering.havn | 3737 |
| vindu.plassering.banenavn | få |
| vindu.plassering.spørsmål | ?POST = EXP |
Nettleserimplementering
Vi har diskutert ovenfor at hvordan vi enkelt kan bruke noen av de innebygde JavaScript-objektene for å hente nettadressen og informasjonen som ligger under URL-en som vertsnavnet, banenavn, spørringen osv. Nå skal vi praktisk talt teste ut hvordan vindu.plassering.href Eiendom fungerer og hvordan vi kan bruke den til å få nettadressen til nettsiden ganske enkelt.
JavaScript lar deg få nettadressen til en webside ved hjelp av den vindu.plassering eiendom. Du kan ganske enkelt ringe vindu.plassering.href Eiendom som gir deg den komplette URL -en på websiden inkludert vertsnavn, banenavn og spørringsstreng.
La oss teste JavaScript -egenskapen praktisk talt.
Her i koden ovenfor har vi opprettet en knapp, denne knappen har en JavaScript -hendelse knyttet til den som utløses når en knapp klikkes av brukeren. I JavaScript -hendelsen viser vi nettadressen til den nåværende websiden i et varsel ved å bruke vindu.plassering.href, Dette varselet inneholder meldingen og den gjeldende nettadressen til websiden.
Nettleserutgang:
Når vi klikker på knappen, dukker det opp et varsel som viser nettadressen til den gjeldende websiden:
Her kan du se at vi har brukt vindu.plassering.href Inne i koden for å få nettadressen til nettsiden og returnere den i nettleseren som et varsel. Så når du klikker på "Klikk meg" -knappen, vil du se et varsel på skjermen med meldingen som inneholder URL -en på den gjeldende websiden.
Henter URL -data ved hjelp av jQuery
Til nå har vi diskutert hvordan vi enkelt kan få nettadressen til nettsiden ved å bruke JavaScript's vindu.plassering.href Eiendom, vi kan også oppnå den samme funksjonaliteten med jQuery som er lett å implementere og ganske pålitelig også.
Operasjonene du kan gjøre ved hjelp av jQuery er listet opp nedenfor.
La oss ta et eksempel URL 'https: // exp.com: 3737/få?post = exp#spørring 'og utføre noen jQuery -operasjoner på det.
| Operasjon | Resultater |
|---|---|
| $ (plassering).attr ('href'); | https: // exp.com: 3737/få?POST = EXP#spørring |
| $ (plassering).attr ('protokoll'); | https: |
| $ (plassering).attr ('vert'); | eksempel.com: 3737 |
| $ (plassering).attr ('vertsnavn'); | exp.com |
| $ (plassering).attr ('port'); | 3737 |
| $ (plassering).attr ('Pathname'); | få |
| $ (plassering).attr ('søk'); | ?POST = EXP |
| $ (plassering).attr ('hash'); | #spørsmål |
| $ (plassering).attr ('opprinnelse'); |
Konklusjon:
I JavaScript, vindu.plassering.href er eiendommen du kan bruke til å hente nettadressen til den nåværende websiden. Du kan enkelt hente den gjeldende side -URL -en og utføre hvilken operasjon du vil etter å ha tatt tak i nettadressen. I denne artikkelen har vi sett noen få operasjoner som vi kan utføre på nettadressen etter å ha grepet den, og vi tok også en titt på hvordan vi kan implementere metoden i vår JavaScript -kode for å oppnå funksjonaliteten.