Hvordan få nettleseren til å navigere til URL i JavaScript?

Hvordan få nettleseren til å navigere til URL i JavaScript?

Mens du oppretter et responsivt nettsted, kan det være noen tilfeller der utvikleren trenger å omdirigere brukeren til en annen webside eller nettsted. Dette forbedrer resulterende klarheten på brukerens slutt. I slike situasjoner hjelper å navigere til en annen URL i JavaScript med å få tilgang til det aktuelle innholdet praktisk.

Denne bloggen vil illustrere tilnærmingene for å få nettleseren til å navigere til URLen ved hjelp av JavaScript.

Hvordan få nettleseren til å navigere til URL ved hjelp av JavaScript?

For å få nettleseren til å navigere til URL, bruk følgende tilnærminger:

    • vindu.plassering.href”Eiendom.
    • erstatte()”Metode.
    • plassering.tildele()”Metode.

Metode 1: Få nettleseren til å navigere til URL ved hjelp av “Vinduet.plassering.href ”eiendom i JavaScript

vindu.plassering.href”Eiendom gir gjeldende sides url. Denne egenskapen kan brukes til å navigere i nettleseren til den spesifiserte URL -en direkte.

Eksempel

La oss oversikt over kodelinjene nedenfor:



I kodeblokken ovenfor:

    • For det første, oppretter en knapp sammen med en "ved trykk”Hendelser som får tilgang til funksjonen MyFunction ().
    • I JavaScript -koden, definer en funksjon “MyFunction ()”.
    • I funksjonsdefinisjonen, bruk "vindu.plassering.href”Eiendom for å navigere til den spesifiserte URL på knapputløseren.

Produksjon


I output ovenfor kan det sees at den aktuelle nettadressen er lastet på knappeklikk.

Metode 2: Få nettleseren til å navigere til URL ved hjelp av “erstatning ()” -metoden i JavaScript

erstatte()”Metode erstatter det gjeldende dokumentet med den ny spesifiserte en. Denne metoden kan brukes for å bytte til den spesifiserte URLen ved å erstatte den nåværende.

Syntaks

plassering.Erstatt (URL)


I syntaks ovenfor, "URL”Henviser til sidens URL der du vil navigere.

Eksempel

La oss gå gjennom følgende eksempel for å forstå konseptet tydelig:



I ovennevnte kodebit:

    • Lag på samme måte en knapp som har en tilknyttet "ved trykk”Hendelse som påkaller den uttalte funksjonen.
    • I JavaScript -koden, erklærer også en funksjon som heter "MyFunction ()”.
    • I sin definisjon, bruk "erstatte()”Metode for å erstatte gjeldende URL med den spesifiserte oppdaterte URL -en og bytte til den på knappeklikk.

Produksjon

Metode 3: Få nettleseren til å navigere til URL ved å bruke “Plasseringen.tilordne () ”-metode i JavaScript

plassering.tildele()”Metode laster inn et helt nytt dokument. Denne metoden kan implementeres for å tilordne en ny URL og navigere til den ved brukerhandling.

Syntaks

plassering.Tildel (URL)


I ovennevnte syntaks, “URL”Tilsvarer URLen for å bytte.

Eksempel

La oss følge det eksemplet nedenfor:

Dette avsnittet handler om Linuxhint -nettstedet
OnClick = "MyFunction ()"> Les mer ..


>funksjon myfunction ()
vindu.plassering.tilordne ("https: // linuxhint.com/")


I koden ovenfor:

    • Først, inkluderer et avsnitt som har den inneholdt “”Element som inneholder ufullstendig tekst og omdirigerer til den spesifiserte funksjonen.
    • I JS -koden erklærer på samme måte en funksjon "MyFunction ()”.
    • Innenfor funksjonen, bruk "plassering.tildele()”Metode for å tilordne en ny URL.
    • Denne oppdaterte URL -en blir navigert på knappeklikk.

Produksjon


Det handlet om å få nettleseren til å navigere til nettadressen i JavaScript.

Konklusjon

For å få nettleseren til å navigere på nettadressen, bruk "vindu.plassering.href”Eiendom,“erstatte()”Metode, eller“plassering.tildele()”Metode. Disse tilnærmingene kan brukes til å omdirigere til den spesifiserte, erstattede eller nyordnede URL. Denne artikkelen uttalte tilnærmingene for å få nettleseren til å navigere til URL ved hjelp av JavaScript.