Quelle est la méthode préférée à utiliser pour modifier l'emplacement de la page Web actuelle à l'aide de JavaScript? J'ai vu à la fois window.navigate et document.location utilisés. Y a-t-il des différences de comportement? Existe-t-il des différences dans les implémentations de navigateur?
Réponses:
window.location.href = 'URL';est l'implémentation standard pour changer l'emplacement de la fenêtre actuelle.
window.location.hrefc'est l'implémentation complète, mais window.locationaccomplit la même chose. Voir docs.sun.com/source/816-6408-10/location.htm : "Si vous affectez une chaîne à la locationpropriété d'un objet, JavaScript crée un locationobjet et attribue cette chaîne à sa hrefpropriété."
window.locationque mais cela n'indique pas nécessairement les deux: developer.mozilla.org/en/window.location .
window.location.href = 'URL';et aussi window.location.assign('URL');la méthode qui est conçue pour recharger une nouvelle page. Plus d'informations peuvent être trouvées w3schools.com/jsref/obj_location.asp
window.navigateest une méthode propriétaire, utilisée par Internet Explorer (je suis sûr que les autres navigateurs l'imitent pour la compatibilité, Chrome ne le fait pas). document.locationou window.locationsont des objets standards (voir les différentes spécifications HTML / HTML5 / DOM). document.location = someURL(ou window.location = someURL) est probablement pris en charge en raison du code hérité. La bonne façon de le faire est document.location.href = someURL, ou peut-être document.location.assign(someURL).
window.navigate n'est pas pris en charge dans certains navigateurs
Dans le script java, de nombreuses façons sont disponibles pour la redirection, voir le code et l'explication ci-dessous
window.location.href = "http://krishna.developerstips.com/";
window.location = "http://developerstips.com/";
window.location.replace("http://developerstips.com/");
window.location.assign("http://work.developerstips.com/");window.location.href charge la page à partir du cache du navigateur et n'envoie pas toujours la requête au serveur. Donc, si vous avez une ancienne version de la page disponible dans le cache, elle y sera redirigée au lieu de charger une nouvelle page à partir du serveur.
window.location.assign () pour la redirection si vous souhaitez autoriser l'utilisateur à utiliser le bouton Précédent pour revenir au document d'origine.
window.location.replace () si vous souhaitez rediriger vers une nouvelle page et ne pas permettre à l'utilisateur de naviguer vers la page d'origine à l'aide du bouton retour.
window.location affecte également le cadre,
la meilleure forme que j'ai trouvée est:
parent.window.location.hrefEt le pire est:
parent.document.URL J'ai fait un test de navigateur massif, et certains rares IE avec plusieurs plugins ne sont pas définis avec la deuxième forme.
window.locationaffectera la cible de votre navigateur. document.location n'affectera que votre navigateur et votre frame / iframe.
window.navigaten'est PAS pris en charge dans certains navigateurs, il faut donc l'éviter. Toutes les autres méthodes utilisant la propriété location sont l'approche la plus fiable et la plus cohérente
J'irais avec window.location = "http://...";. Je codifie du JavaScript multi-navigateurs depuis quelques années et je n'ai jamais rencontré de problèmes avec cette approche.
window.navigateet window.location.hrefme semble un peu étrange.
Il n'y a vraiment pas de différence; il existe environ 5 méthodes différentes pour le faire. Cependant, ceux que je vois le plus souvent sont document.locationet window.locationparce qu'ils sont pris en charge par tous les principaux navigateurs. (Personnellement, je n'ai jamais vu window.navigateutilisé dans le code de production, alors peut-être qu'il n'a pas un très bon support?)
la prise en charge de document.locationest également bonne, même si c'est une méthode obsolète. J'utilise cette méthode depuis un moment sans problème. vous pouvez vous référer ici pour plus de détails:
https://developer.mozilla.org/en-US/docs/Web/API/document.location
Vous pouvez déplacer votre page en utilisant
window.location.href =Url;