Différence entre window.location.href et top.location.href

Quelqu'un peut-il me dire la différence entre window.location.hrefet top.location.href?

Et aussi où utiliser lequel.

Et lequel sera le meilleur lors de la redirection après un appel ajax dans mvc?

window.location.href renvoie l'emplacement de la page actuelle.

top.location.href(qui est un alias de window.top.location.href) renvoie l'emplacement de la fenêtre la plus élevée dans la hiérarchie des fenêtres. Si une fenêtre n'a pas de parent, topest une référence à elle-même (en d'autres termes, window=== window.top).

topest utile à la fois pour les cadres et pour les fenêtres qui ont été ouvertes par d'autres pages. Par exemple, si vous avez une page appelée test.htmlavec le script suivant:

var newWin=window.open('about:blank','test','width=100,height=100');
newWin.document.write('<script>alert(top.location.href);</script>');

L'alerte résultante aura le chemin complet vers test.html - pas about: blank, ce window.location.hrefqui reviendrait.

Pour répondre à votre question sur la redirection, utilisez window.location.assign(url);

topobjet a plus de sens dans les cadres. À l'intérieur d'un cadre, windowfait référence à la fenêtre du cadre actuel tandis que topfait référence à la fenêtre la plus à l'extérieur qui contient le ou les cadres. Alors:

window.location.href = 'somepage.html'; signifie chargement somepage.html à l'intérieur du cadre.

top.location.href = 'somepage.html';signifie chargement somepage.htmldans la fenêtre principale du navigateur.

Deux autres objets intéressants sont selfet parent.

topfait référence à l'objet window qui contient tous les cadres courants (père du reste des fenêtres). windowest le courant window.

http://www.howtocreate.co.uk/tutorials/javascript/browserinspecific

donc top.location.hrefpeut contenir le lien de la page "maître" contenant tous les cadres, tandis window.location.hrefque contient simplement le lien de la page "courante".

Le premier ajoute un élément à votre historique en ce que vous pouvez (ou devriez pouvoir) cliquer sur "Retour" et revenir à la page actuelle.

Le second remplace l'élément d'historique actuel afin que vous ne puissiez pas y revenir.

Voir window.location:

• assign(url): Chargez le document à l'URL fournie.

• replace(url): Remplacez le document actuel par celui de l'URL fournie. La différence avec la assign()méthode est qu'après utilisation, replace()la page actuelle ne sera pas enregistrée dans l'historique de session, ce qui signifie que l'utilisateur ne pourra pas utiliser le bouton Retour pour y accéder.

window.location.href = url;

est préféré à:

window.location = url;