Question Comment recharger une page en utilisant JavaScript?


Comment puis-je recharger la page en utilisant JavaScript? J'ai besoin d'une méthode qui fonctionne dans tous les navigateurs.


532
2017-09-15 06:03


origine


Réponses:


JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

638
2017-09-15 06:17



location.reload();

Regarde ça Page MDC pour plus d'informations sur le location objet.


191
2017-09-15 06:04



Voici 535 façons de recharger la page en utilisant JavaScript, l'être le plus facile location = location.

Ce sont les premiers 50:

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

97
2017-09-19 11:02



Vous pouvez effectuer cette tâche en utilisant window.location.reload();. Comme il y a plusieurs façons de le faire mais je pense que c'est le moyen approprié pour recharger le même document avec JavaScript. Voici l'explication

JavaScript window.location objet peut être utilisé

  • pour obtenir l'adresse de la page en cours (URL)
  • rediriger le navigateur vers une autre page
  • recharger la même page

window: en JavaScript représente une fenêtre ouverte dans un navigateur.

location: en JavaScript contient des informations sur l'URL actuelle.

le location objet est comme un fragment de la window objet et est appelé à travers le window.location propriété.

location objet a trois méthodes:

  1. assign(): utilisé pour charger un nouveau document
  2. reload(): utilisé pour recharger le document actuel
  3. replace(): utilisé pour remplacer le document actuel par un nouveau

Donc ici nous devons utiliser reload(), car cela peut nous aider à recharger le même document.

Alors utilisez-le comme window.location.reload();.

Démonstration en ligne sur jsfiddle

Pour demander à votre navigateur de récupérer la page directement depuis le serveur et non depuis le cache, vous pouvez passer un true paramètre à location.reload(). Cette méthode est compatible avec tous les principaux navigateurs, y compris IE, Chrome, Firefox, Safari, Opera.


64
2017-12-23 09:48



Cela fonctionne pour moi:

function refresh() {

    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/


33
2018-01-08 07:52



essayer:

window.location.reload(true);

Le paramètre défini sur 'true' recharge une nouvelle copie du serveur. Le laisser dehors servira la page du cache.

Plus d'informations peuvent être trouvées sur MSDN et dans le Mozilla docs


32
2018-06-08 22:05



Je cherchais des informations concernant les rechargements sur les pages récupérées avec des requêtes POST, par exemple après avoir soumis un method="post" forme.

Pour recharger la page conserver les données POST, utilisation:

window.location.reload();

Pour recharger la page rejeter les données POST (effectuer une requête GET), utilisation:

window.location.href = window.location.href;

Espérons que cela peut aider les autres à chercher la même information.


26
2017-07-19 19:42



Si vous mettez

window.location.reload(true);

au début de votre page sans autre condition qualifiant pourquoi ce code s'exécute, la page se chargera, puis continuera à se recharger jusqu'à ce que vous fermiez votre navigateur.


13
2018-03-01 04:07



location.href = location.href;

7
2017-09-15 06:07



En utilisant un bouton ou juste mettre à l'intérieur "un (ancre)" tag

<input type="button" value="RELOAD" onclick="location.reload();" />



Essayez-les pour d'autres besoins

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

7
2018-01-06 09:21