Comment rediriger une URL à l'aide de JavaScript

L'objet window.location peut rediriger les URL vers de nouveaux emplacements à l'aide d'opérations JavaScript, généralement en utilisant la configuration du serveur et les attributs d'en-tête http

De nombreuses URL d'une page Web sont redirigées vers un nouvel emplacement, généralement à l'aide de la configuration du serveur et des propriétés d'en-tête HTTP. Mais dans de nombreux cas, il peut être nécessaire d'utiliser JavaScript pour rediriger ou naviguer vers une autre URL

Raison de la redirection :

Généralement, vous souhaitez rediriger là Il existe de nombreuses raisons pour lesquelles vous êtes redirigé vers une nouvelle page ou une nouvelle URL, telles que :

La structure du domaine ou de l'URL a été modifiée

L'utilisateur a soumis un formulaire mais souhaite le diriger vers la page suivante dans la séquence

La page peut nécessiter une autorisation

Redirection de HTTP vers HTTPS

Obligatoire pour déclencher une nouvelle page dans une application à page unique, etc.

window.location est la gestion des objets L'adresse chargée par le navigateur. La manipulation des objets de localisation permet de gérer les redirections de pages à l'aide de JavaScript. L'objet de localisation possède des propriétés et des méthodes qui déclenchent des redirections de pages JavaScript

Propriétés de l'objet de localisation :

hash : utilisé pour les applications à page unique et les sites Web à page unique

host : le nom de domaine de l'URL

hostname : similaire à host

href : l'URL complète

origin : le protocole et le domaine de l'URL

chemin d'accès : slug ou page d'URL après le

port d'origine : si l'URL contient le port

Protocoles : http, https, ftp, ftps, etc.

Chacun L'une de ces propriétés est String et prend en charge toutes les méthodes de chaîne standard

Les méthodes de l'objet de localisation sont :

assign : définissez l'objet de localisation sur une nouvelle URL

reload : forcer le rechargement de la page avec la même URL

remplacer : déclencher la redirection

recherche : autoriser queryString

redirection vers une nouvelle adresse

Après avoir modifié l'adresse, une redirection 301 doit être effectuée. C'est ici que le serveur envoie le code d'état HTTP 301 avec la nouvelle adresse

Le code d'état 301 indique à l'agent utilisateur : le navigateur ou l'araignée du moteur de recherche qu'il y a une nouvelle adresse

La redirection 301 permet vous devez maintenir le trafic fluide et souhaitez que votre classement dans les moteurs de recherche.

Normalement, vous feriez cela depuis le serveur. Mais parfois, cela n'est pas possible et vous devez utiliser JavaScript pour rediriger vers l'URL

code d'implémentation :

window.location.assign("new target URL");
window.location.replace("new target URL");

La meilleure façon est d'utiliser la méthode location.replace qui fonctionne pour n'importe quel 301 redirect Les scénarios de redirection sont utiles, notamment lorsque vous devez rediriger de HTTP vers HTTPS. Mais un moyen plus propre de rediriger de HTTP vers HTTPS à l'aide de JavaScript est l'extrait de code suivant :

 if (location.protocol !== "https:"){
location.replace(window.location.href.replace("http:", 
"https:"));}

Les propriétés et méthodes de l'objet window.location peuvent être manipulées à l'aide de JavaScript pour rediriger vers différentes URL. Parmi eux, location.replace et location.assign sont très utiles. La méthode replace maintient l'historique de la session propre et la méthode assign permet à l'utilisateur de revenir en arrière dans l'historique des URL

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!