How To Get The Current URL With JavaScript

JavaScript er et kraftfuldt værktøj, der giver webudviklere mulighed for at manipulere og interagere med indholdet på en hjemmeside. En af de mest grundlæggende opgaver er at få den aktuelle URL-adresse for den side, hvor JavaScript-koden kører. Dette er nyttigt i mange situationer, f.eks. når du vil logge URLen til fejlrapportering eller analyseformål. I denne artikel vil vi udforske forskellige metoder til at få den aktuelle URL med JavaScript.

JavaScript URL-metoder

Der er flere måder at få fat i den aktuelle URL med JavaScript. Her er nogle grundlæggende metoder, der kan bruges:

  • window.location.href: Denne egenskab returnerer hele URL-adressen som en streng.
  • window.location: Dette objekt indeholder forskellige egenskaber som href, host, hostname, pathname osv., som hver repræsenterer forskellige dele af URLen.
  • document.URL: Dette gør det samme som window.location.href og returnerer hele URL-adressen.

Sådan får du den aktuelle URL med JavaScript

Her er et simpelt eksempel på, hvordan du kan få fat i den aktuelle URL ved hjælp af en af de nævnte metoder:

let currentUrl = window.location.href;
console.log(Aktuel URL: + currentUrl);

Ved at køre dette script i din browserkonsol vil du kunne se den aktuelle URL-adresse udskrevet.

Eksempel på anvendelse

Lad os antage, at du gerne vil opdatere en side dynamisk baseret på den aktuelle URL. Du kan bruge JavaScript til at læse URLen og derefter udføre handlinger baseret på den.

let currentUrl = window.location.href;
if (currentUrl.includes(artikel)) {
   // Udfør handlinger specifikke for artikelsiden
} else if (currentUrl.includes(kontakt)) {
   // Udfør handlinger specifikke for kontakt siden
}

Ved at bruge betinget logik kan du differentiere mellem forskellige sider baseret på URLen og tilpasse din brugervenlige oplevelse.

Afrunding

At kunne få den aktuelle URL med JavaScript er et nyttigt redskab til enhver webudvikler. Ved at forstå de forskellige metoder og egenskaber, der er tilgængelige, kan du skabe mere dynamiske og fleksible hjemmesider. Husk at øve dig og eksperimentere med disse metoder for at blive fortrolig med dem.

Hvordan kan man få den nuværende URL ved hjælp af JavaScript?

Du kan bruge window.location.href i JavaScript for at få den nuværende sides URL. Denne egenskab returnerer hele URLen som en streng.

Er der andre metoder til at få den aktuelle URL i JavaScript udover window.location.href?

Ja, udover window.location.href kan du også bruge document.URL eller window.location.toString() for at få den aktuelle URL i JavaScript.

Hvordan kan man udtrække specifikke dele af den nuværende URL i JavaScript?

Du kan bruge metoder som window.location.protocol for at få protokollen (f.eks. http://), window.location.hostname for at hente værtsnavnet (f.eks. www.example.com) og window.location.pathname for at få stien (f.eks. /path/page.html) i JavaScript.

Hvordan kan man skifte den aktuelle URL i JavaScript?

Du kan bruge window.location.replace(ny_url) for at skifte den aktuelle URL til en ny URL i JavaScript. Dette vil erstatte den aktuelle sides URL med den angivne nye URL.

Hvordan kan man få den aktuelle URL parameter ved hjælp af JavaScript?

Du kan bruge window.location.search i JavaScript for at få de parameter, der er sendt til den aktuelle URL. Dette vil returnere en streng med alle parameterne inklusive ?.

Hvordan kan man opdele den aktuelle URL parameter i JavaScript?

Du kan bruge metoder som URLSearchParams eller split() funktionen til at opdele parameterne i den aktuelle URL. Dette gør det nemmere at arbejde med individuelle parametre.

Hvordan kan man få hash-delen af den aktuelle URL i JavaScript?

Du kan bruge window.location.hash for at få hash-delen af den aktuelle URL i JavaScript. Dette vil returnere alt efter # symbolet i URLen.

Hvordan kan man få den aktuelle URL uden query strengen i JavaScript?

Du kan bruge window.location.origin + window.location.pathname for at få den aktuelle URL uden query strengen. Dette vil returnere protokol, værtsnavn og sti uden parameterne.

Kan man få den aktuelle URL uden at genindlæse siden i JavaScript?

Ja, du kan få den aktuelle URL uden at genindlæse siden ved blot at læse vinduets location-egenskaber i JavaScript. Dette behøver ikke en sidegenindlæsning.

Hvordan kan man teste om en URL er gyldig i JavaScript?

Du kan bruge regular expressions (regex) til at teste, om en given URL er gyldig eller ej i JavaScript. Du kan definere mønstre, som URLer skal følge for at være gyldige.

PHP substr() Funktion • Den komplette guide til HTML fieldset-tagget • Java String indexOf() Metode • HTML JavaScript: En Dybdegående Guide • Sådan oprettes cirkler / runde prikker i CSS • Sådan opretter du en accordion i HTML, CSS og JavaScript • Bootstrap Alle CSS Klasser • Den omfattende guide til SQL ALTER COLUMN • React useMemo Hook •