Différence entre la fenêtre.emplacement.href et fenêtre.emplacement.remplacer en javascript | Expliqué

Ces deux attributs appartiennent à l'objet de fenêtre du navigateur. Pour être précis, ils appartiennent à un objet intérieur connu sous le nom de emplacement objet, et son seul travail est de connaître l'emplacement actuel du document. Changer ces emplacement Les valeurs des objets signifient généralement changer le document. Parce que cet objet définit l'URL, et tout changement dans l'URL signifie modifier le document pour un autre. Maintenant le href la propriété et le remplacer() fonction fait exactement le même travail mais d'une manière différente.

Breaknons la confusion. Ces deux propriétés sont utilisées pour aller dans un nouveau document ou une nouvelle page Web. Cependant, le "href " La propriété le fait en ajoutant une nouvelle entrée à l'intérieur de l'élément historique et le ««remplacer" la propriété fait par remplacement la plus haute entrée de l'élément historique avec l'URL la plus récente.

La fenêtre.emplacement.propriété HREF

Tout d'abord, créez une nouvelle page d'accueil avec la ligne suivante à l'intérieur:

C'est la première page

Aller à la deuxième page

Dans cet extrait de code ci-dessus, un bouton a été créé qui sera utilisé pour aller à la deuxième page en utilisant la fonction ButtonClicked () À l'intérieur du fichier de script.

L'exécution de ce document HTML donne la page suivante sur le navigateur:

Après cela, dans le fichier de script ou dans le Tag, utilisez les lignes de code suivantes:

Ce script va déplacer le navigateur vers le «Secondpage.html ”. Cependant, SecondPage.html n'existe pas encore. Alors, créez la deuxième page.HTML avec les lignes suivantes à l'intérieur:

C'est la deuxième page

Remarque: cette deuxième page.HTML doit être créé dans le même répertoire que la maison.HTML ou la première page.

Après cela, l'exécution du fichier HTML principal et cliquer sur le bouton donnera les résultats suivants:

Il est clair à partir de la sortie qui appuyant sur le bouton redirigera le navigateur vers la deuxième page, puis en appuyant sur le bouton arrière de la fenêtre du navigateur ramènera le navigateur à la page d'accueil. C'est le fonctionnement de la fenêtre.emplacement.propriété HREF.

La fenêtre.emplacement.remplacer()

Tout comme dans l'exemple de la propriété HREF, commencez par créer un nouveau fichier HTML nommé Home.html et ajouter les lignes suivantes à l'intérieur:

C'est la première page

Aller à la deuxième page en utilisant Remplacer

Après cela, ajoutez les lignes suivantes dans la balise de script ou dans le fichier de script:

Dans l'extrait de code, notez que contrairement à la propriété HREF, le Remplace est en fait une fonction qui prend le nouvel emplacement à l'intérieur de ses arguments.

Après cela, créez la deuxième page.HTML Ajouter les lignes suivantes à l'intérieur:

C'est la deuxième page

Mais le navigateur ne peut pas revenir

Parce qu'il a utilisé la propriété Remplacer

Après ça, diriger cette maison.HTML montrera le comportement suivant du navigateur:

Il ressort clairement du gif ci-dessus que la fonction de remplacement remplace la plus haute entrée de l'histoire du navigateur, donc le bouton arrière du navigateur est grisé.

Conclusion

La propriété HREF et la fonction Remplace () font tous deux partie de l'objet d'emplacement de la fenêtre. L'objet principal de ceux-ci est de déplacer le navigateur vers une nouvelle page Web définie par l'URL. La propriété HREF ajoute un élément de l'histoire du navigateur. Tandis que la fonction Remplace () remplace l'entrée la plus haute par le nouvel emplacement, ce qui fait que les navigateurs ne peuvent pas revenir à la page précédente.