which way to reload a current page (using a button) would you prefer?
1 <input type="button" value="Reload" onClick="history.go(0)"> 2 <input type="button" value="Reload" onClick="location.reload(true)"> 3 <input type="button" value="Reload" onClick="window.location.reload(true)"> 4 <input type="button" value="Reload" onClick="window.location.href=window.location.href"> 5 <input type="button" value="Reload" onClick="document.location.reload(true)"> 6 <input type="button" value="Reload" onClick="document.location.href=document.location.href">
As the URL of the page changes frequently AFAIK a 'fallback function' like
<a href="urlOfCurrentPage.html" onclick="window.location.reload(true);return false;">Reload</a>
won't work for me, right?
JavaScript reload() method In JavaScript, the reload() method is used to reload a webpage. It is similar to the refresh button of the browser.
In JavaScript, you refresh the page using document. location. reload() . You can add the true keyword to force the reloaded page to come from the server (instead of cache).
The reload() method reloads the current document. The reload() method does the same as the reload button in your browser.
Depends on what you want to do. The fourth and sixth methods there won't reload any form data, they essentially make a separate visit to the page. Some versions of Firefox also have issues with the third method. Other than that, I'd go with the fifth as a personal preference. It seems the clearest.
You may also do:
wd
represents window || document:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With