Een pagina opnieuw laden met JavaScript

Hoe kan ik de pagina opnieuw laden met JavaScript?

Ik heb een methode nodig die in alle browsers werkt.

Antwoord 1, autoriteit 100%

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'.

JavaScript 1.1

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

JavaScript 1.0

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

Antwoord 2, autoriteit 53%

location.reload();

Zie deze MDN-paginavoor meer informatie.

p>

Als je ververst na een onclick, dan moet je direct daarna false teruggeven

location.reload();
return false;

Antwoord 3, autoriteit 26%

Hier zijn 535 manieren om de pagina opnieuw te laden met JavaScript, de gemakkelijkste is location = location.

Dit zijn de eerste 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']
...

Antwoord 4, Autoriteit 9%

U kunt deze taak uitvoeren met window.location.reload();. Er zijn veel manieren om dit te doen, maar ik denk dat dit de juiste manier is om hetzelfde document opnieuw te laden met JavaScript. Hier is de uitleg

JavaScript window.location-object kan worden gebruikt

• om het huidige pagina-adres (URL) te krijgen
• om de browser om te leiden naar een andere pagina
• om dezelfde pagina opnieuw te laden

window: in JavaScript staat voor een open venster in een browser.

location: bevat in JavaScript informatie over de huidige URL.

Het location-object is als een fragment van het window-object en wordt opgeroepen via de eigenschap window.location.

locationobject heeft drie methoden:

1. assign(): gebruikt om een nieuw document te laden
2. reload(): gebruikt om het huidige document te herladen
3. replace(): gebruikt om het huidige document te vervangen door een nieuw

Dus hier moeten we reload()gebruiken, omdat het ons kan helpen hetzelfde document opnieuw te laden.

Gebruik het dus als window.location.reload();.

Online demo op jsfiddle

Als u uw browser wilt vragen de pagina rechtstreeks van de server op te halen en niet uit de cache, kunt u een true-parameter doorgeven aan location.reload(). Deze methode is compatibel met alle belangrijke browsers, waaronder IE, Chrome, Firefox, Safari, Opera.

Antwoord 5, autoriteit 9%

Ik was op zoek naar informatie over het opnieuw laden van pagina’s die zijn opgehaald met POST-verzoeken, bijvoorbeeld na het indienen van een method="post"-formulier.

Om de pagina opnieuw te laden met behoud van de POST-gegevens,gebruik je:

window.location.reload();

Om de pagina opnieuw te laden>de postgegevens weggooien (voer een ontvangen aanvraag uit), Gebruik:

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

Hopelijk kan dit anderen helpen bij het zoeken naar dezelfde informatie.

Antwoord 6, Autoriteit 7%

Probeer:

window.location.reload(true);

De parameter ingesteld op ‘TRUE’ herlaadt een verse kopie van de server. Het verlaten van het zal de pagina van cache bedienen.

Meer informatie is te vinden op MSDN en in de mozilla-documentatie .

Antwoord 7, Autoriteit 5%

Dit werkt voor mij:

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

http://jsfiddle.net/Ulerqureshi/znruyzop/

Antwoord 8, Autoriteit 4%

om een ​​pagina opnieuw te laden met JavaScript, gebruik:

window.location.reload();

Antwoord 9, Autoriteit 2%

Als u

hebt geplaatst

window.location.reload(true);

aan het begin van uw pagina zonder enige andere voorwaarde die kwalificeert waarom die code wordt uitgevoerd, wordt de pagina geladen en blijft zichzelf opnieuw laden totdat u uw browser sluit.

Antwoord 10

location.href = location.href;

Antwoord 11

Kortste (meer)

history.go()

Antwoord 12

Gebruik location.reload()om het gemakkelijk en eenvoudig te maken.
Je kunt ook location.reload(true)gebruiken als je iets van de server wilt pakken.

Antwoord 13

Een knop gebruiken of gewoon in een “a” (anker) tag plaatsen:

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

Probeer deze voor andere behoeften:

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

Antwoord 14

Pagina automatisch herladen na 20 seconden.

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

Antwoord 15

Dit zou moeten werken:

window.location.href = window.location.href.split( '#' )[0];

of

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

Ik geef hier de voorkeur aan om de volgende redenen:

• Verwijdert het gedeelte na de #, zodat de pagina opnieuw wordt geladen in browsers die de inhoud met de # niet opnieuw laden.
• Je wordt niet gevraagd of je de laatste inhoud opnieuw wilt plaatsen als je onlangs een formulier hebt ingediend.
• Het zou zelfs in de meest recente browsers moeten werken. Getest op Lasted Firefox en Chrome.

U kunt ook de meest recente officiële methode voor deze taak gebruiken

window.location.reload()

Antwoord 16

Gebruik deze knop om de pagina te vernieuwen

DEMO

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

Antwoord 17

Bedankt, dit bericht was erg nuttig, niet alleen om de pagina opnieuw te laden met het voorgestelde antwoord, maar ook om me op het idee te brengen om een jQuery UI-pictogram op een knop te plaatsen:

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

02-07-2016

Antwoord 18

Ik heb een Vraaggepost over het antwoord van @LekensteynWaarom false retourneren na location.reload() met onclick?

Als je ververst na een onclick, moet je terugkeren
false direct na

location.reload();
return false;

Ik kreeg dit antwoord van @iota, wat vrij goed uitlegde waarom je het zou moeten doen: dus ik post het hier, ik hoop dat het iemand helpt die zich ook afvraagt waarom je het moet doen.

Als de gebeurtenislistener is gekoppeld aan een link, klik dan op de link
zal resulteren in het naar een andere pagina gaan in plaats van de pagina opnieuw te laden.
return falsevoorkomt de standaardactie in een inline-gebeurtenis
handler en de eigenschap onclick.

Zonder return false:

     document.querySelector('a').onclick = function() {
      location.reload();
     }
 

    <a href="https://www.example.com">Click</a>

window.location=document.URL