I need a button that will refresh the page on the user's click. I tried this:
<input type="button" value="Reload Page" onClick="reload">
or
<input type="button" value="Refresh Page" onClick="refresh">
But neither worked.
This question is related to
javascript
button
refresh
reload
<a onClick="window.location.reload()">Refresh</a>
This really works perfect for me.
Only this realy reloads page (Today)
<input type="button" value="Refresh Page" onClick="location.href=location.href">
Others do not exactly reload. They keep values inside text boxes.
Though the question is for button
, but if anyone wants to refresh the page using <a>
, you can simply do
<a href="./">Reload</a>
<button onclick=location=URL>Refresh</button>
This might look funny but it really does the trick.
button that refresh the page on click
Use onClick button with window.location.reload():
<button onClick="window.location.reload();">
<button onClick="window.location.reload();">Reload</button>
Or you can also use
<form action="<same page url>" method="GET">
<button>Reload</button>
</form>
Note: Change "<same page link>"
with the url of same page you want to reload.
for example:
<form action="home.html> method="GET">
If you are looking for a form reset:
<input type="reset" value="Reset Form Values"/>
or to reset other aspects of the form not handled by the browser
<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>
Using jQuery
function doFormReset(){
$(".invalid").removeClass("invalid");
}
just create the empty reference on link such as following
<a href="" onclick="dummy(0);return false;" >
window.opener.location.href ='workItem.adm?wiId='+${param.wiId};
It will go to the required path and you won't get any resend prompt.
This works for me:
function refreshPage(){
window.location.reload();
}
<button type="submit" onClick="refreshPage()">Refresh Button</button>
Use onClick
with one of the following:
window.location.reload()
, i.e.:
<button onClick="window.location.reload();">Refresh Page</button>
Or history.go(0)
, i.e.:
<button onClick="history.go(0);">Refresh Page</button>
Or window.location.href=window.location.href
for 'full' reload, i.e.:
<button onClick="window.location.href=window.location.href">Refresh Page</button>
Use this its work fine for me to reload the same page:
<button onClick="window.location.reload();">
I noticed that all the answers here use inline onClick
handlers. It's generally recommended to keep HTML and Javascript separate.
Here's an answer that adds a click event listener directly to the button. When it's clicked, it calls location.reload which causes the page to reload with the current URL.
const refreshButton = document.querySelector('.refresh-button');_x000D_
_x000D_
const refreshPage = () => {_x000D_
location.reload();_x000D_
}_x000D_
_x000D_
refreshButton.addEventListener('click', refreshPage)
_x000D_
.demo-image {_x000D_
display: block;_x000D_
}
_x000D_
<button class="refresh-button">Refresh!</button>_x000D_
<img class="demo-image" src="https://picsum.photos/200/300">
_x000D_
Source: Stackoverflow.com