Javascript Obtenir L’Url

| | |

La valeur window.location représente l`URL que vous consultez dans votre navigateur. Vous pouvez remplacer cette valeur pour accéder à une autre URL JavaScript. Ceci est utile si vous souhaitez rediriger un utilisateur vers une autre page. Vous pouvez également utiliser les méthodes design () ou replace ().

Il existe plusieurs raisons pour lesquelles vous pourriez vouloir rediriger un utilisateur vers un autre site Web ou vers un nom de chemin mis à jour . Dans la plupart des cas, vous pouvez rediriger en fonction de l`autorisation de l`utilisateur - si un client est connecté à un site. Dans cet article, nous examinons comment procéder sur une page Web à l`aide de JavaScript. L`API de navigateur JavaScript historique

JavaScript Go to URL

vous permet d`accéder à une nouvelle URL. Vous pouvez utiliser les méthodes suivantes pour accéder à une nouvelle URL : ..

  • Attribuer une nouvelle valeur à document.location
  • Utiliser window.assign ()
  • Utilisation de la méthode window.replace().

Ces trois méthodes servent également à naviguer vers une autre URL. Examinons chacune de ces méthodes.

Valeur JavaScript window.location

Pour accéder à une nouvelle URL, utilisez l`objet d`emplacement de l`API de l`historique du navigateur. L`historique de session vous permet de réaffecter l`objet de localisation à une nouvelle URL ou d`utiliser la propriété href sur ce même objet.

La syntaxe de cette approche est :.

"url" représente l`URL que vous souhaitez que les utilisateurs visitent. Lorsque cette ligne de code est exécutée, une redirection JavaScript est lancée. Cela modifie la page de visualisation de l`utilisateur dans son navigateur Web

Regardons cette méthode à titre d`exemple.

Lorsque le handleClick (), notre code enregistrera une instruction de console JavaScript . Ensuite notre code nous redirige vers une nouvelle url

Méthode de localisation de la fenêtre JavaScript .. Attribuer ()

l`objet de localisation a une méthode de redirection appelée assign (). Cette méthode attribue l`URL actuelle avec l`URL attribuée et l`ajoute à la pile d`histoires.

la pile d`historique représente les pages que vous avez visitées (pensez à la "flèche de retour" qui vous permet de revenir en arrière sur une page)

Considérez la syntaxe suivante : .

Contrairement au dernier exemple, vous n`avez pas besoin de attribuer une valeur à une variable JavaScript (window. location). nous utilisons une méthode pour modifier la page Web vue par l`utilisateur.

L`histoire empiler je C`est la façon dont le navigateur se souvient de l`endroit où un bouton Précédent ou Suivant doit aller.

Lâchez-nous un coup d`œil à l`examen PLE complet de cette méthode :

Si vous souhaitez rediriger vers un autre page sur le même site, utilisez la propriété name du chemin sur l`objet à l`emplacement :

Fenêtre JavaScript. location.replace ()

Vous avez la possibilité de contrôler si l`utilisateur peut utiliser le bouton Retour pour revenir au site précédent.

En utilisant la méthode replace (), vous pouvez naviguer un utilisateur vers un site et l`empêcher de revenir à la page précédente. La méthode Assign(), quant à elle, enregistre la page précédemment consultée dans l`historique du navigateur. Ensuite, conassign () peut afficher la dernière page que vous avez visitée

Nous allons jeter un œil à la méthode replace ():.

Comme demander (), remplacer () est une méthode. Cette méthode prend un argument : À l`URL vers laquelle vous souhaitez diriger l`utilisateur

Nous pouvons utiliser la méthode replace () avec une fonction personnalisée pour modifier l`URL que l`utilisateur voit lorsque la méthode :.