1.8 KiB
1.8 KiB
title |
---|
Location Reload Method |
Location Reload Method
JavaScript Location.reload()
method provides means to reload the page at current URL.
The syntax is the following:
object.reload(forcedReload);
, where forceReload
is an optional parameter.
To simply reload the page, you can input window.location
as object.
Optional parameters force reload
is a boolean value, which if set to:
True
reloads the page from the server (e.g. does not store the data cached by the browser):
window.location.reload(true);
False
reloads the page using the version of the page cached by the browser.
window.location.reload(false);
False
is the default parameter, so if left blank, object.reload()
reloads the page using the broswer's cached data, i.e. is identical to using the method as object.reload(false)
.
To create the effect of browser-provided "Refresh"-option, you may want to create HTML-button and do either of the following:
- attach
Location.reload()
to the HTML button-markup, like this:
<input type="button" value="Refresh Button" onClick="window.location.reload()">
- assign on-click event to the button with the function that uses the method, where the button looks similar to
<button type="button" onClick="reloadThePage()">Refresh!</button>
<script>
function reloadThePage(){
window.location.reload();
}
</script>
Example:
// Reload the current resources from the server
window.location.reload(true);
// Reload the current resources from the browser's cache
window.location.reload();
This will reload the page at the current URL from the server.