Javascript är ett webborienterat programmeringsspråk. När du använder webben behöver du ofta navigera genom sidor. När du klickar på valfri knapp, skickar ett formulär eller loggar in på vilken webbplats som helst, omdirigeras du till en annan ny sida. Sid omdirigering är en viktig del av en webbplats, men den är inte bara begränsad till sidnavigering på en webbplats. Det kan finnas flera skäl att omdirigera sidan, till exempel:
- Det gamla domännamnet ändras till en ny domän
- Inlämning och auktorisering av ett formulär
- På basen av webbläsaren eller användarens språk
- Omdirigera från HTTP till HTTPS
Den här artikeln förklarar några olika sätt att omdirigera en sida.
Syntax
Syntaxen för att navigera till en sida med javascript är som följer:
fönster.plats.href = "url"I den här metoden anger du helt enkelt den webbadress som du vill omdirigera användaren till.
Syntaxen för en annan metod för att omdirigera en användare till en ny URL är som följer:
fönster.plats.ersätt ("url") // ellerfönster.plats.tilldela ("url")
I den här funktionella syntaxen anger du webbadressen som du vill omdirigera till, och när den här funktionen kallas kommer du att omdirigeras till den specifika webbadressen.
Här gör "ersätt" och "tilldela" samma uppgift men med en subtil skillnad. De omdirigerar båda till en ny webbadress, men "ersätt" tar inte historik och användaren kan inte gå tillbaka till den gamla webbadressen eller föregående sida. Under tiden håller "tilldela" historikens register och låter användaren gå tillbaka till föregående sida.
Vi kommer nu att titta på några exempel på båda syntaxerna.
Exempel
Först skapar vi en klickfunktion på en knapp.
Denna funktion kommer att omdirigera användaren till webbplatsen “https: // www.linuxhint.com.”
funktion redirectFunction ()fönster.plats.href = "https: // www.linuxhint.com "
Nu, om användaren klickar på knappen, kommer de att omdirigeras till linuxhint.com
I det här nästa exemplet, säg, du vill omdirigera användaren från en gammal domän till den nya domänen. Anta att den aktuella adressen är localhost för teständamål, men när användaren anger URL-adressen till localhost omdirigeras användaren från localhost till den nya URL, som är linuxhint.com i detta exempel. Detta är lättare att göra än du kanske tror. För att göra detta, använd bara syntaxen för den andra omdirigeringsmetoden:
fönster.plats.ersätt ("https: // www.linuxhint.com ")Nu, om användaren anger den lokala värdens URL, kommer de att omdirigeras till linuxhint.com. Men om du tittar på webbläsarens övre vänstra knapp för att gå tillbaka till föregående sida:
knappen är nedtonad och webbläsaren tillåter oss inte att gå tillbaka till föregående sida. Men om du vill behålla det här alternativet för användaren kan du använda "tilldela" istället för "ersätta.”
fönster.plats.tilldela ("https: // www.linuxhint.com ")Och nu, om du tittar på webbläsarens övre vänstra knapp för att gå tillbaka till föregående sida:
Knappen är inte slö. Du kan gå tillbaka till föregående sida.
Det rekommenderas att använda "ersätt" istället för "tilldela" här, eftersom syftet med omdirigering till en ny webbadress är att den gamla webbadressen inte fungerar eller inte är tillgänglig längre.
Slutsats
Den här artikeln förklarade några olika metoder för omdirigering i javascript, tillsammans med verkliga exempel som använder dessa metoder. I den här artikeln har du lärt dig hur man navigerar till en ny sida och hur man omdirigerar från den gamla webbadressen till en ny webbadress. Du kan lära dig mer om javascript på linuxhint.com.