Ik heb een knop nodig die de pagina ververst als de gebruiker erop klikt.
Ik heb dit geprobeerd:
<input type="button" value="Reload Page" onClick="reload">
of
<input type="button" value="Refresh Page" onClick="refresh">
Maar geen van beide werkte.
Antwoord 1, autoriteit 100%
Gebruik onClickmet window.location.reload(), d.w.z. :
<button onClick="window.location.reload();">Refresh Page</button>
Of history.go(0), d.w.z.:
<button onClick="history.go(0);">Refresh Page</button>
Of window.location.href=window.location.hrefvoor ‘volledige‘ herladen, d.w.z.:
<button onClick="window.location.href=window.location.href">Refresh Page</button>
Het Button-element – developer.mozilla.org
Antwoord 2, autoriteit 5%
Dit werkt voor mij:
function refreshPage(){
window.location.reload();
}
<button type="submit" onClick="refreshPage()">Refresh Button</button>
Antwoord 3, autoriteit 3%
<a onClick="window.location.reload()">Refresh</a>
Dit werkt echt perfect voor mij.
Antwoord 4, autoriteit 3%
Alleen deze laadt de pagina echt opnieuw (vandaag)
<input type="button" value="Refresh Page" onClick="location.href=location.href">
Anderen laden niet precies opnieuw. Ze houden waarden in tekstvakken.
Antwoord 5, autoriteit 2%
<button onclick=location=URL>Refresh</button>
Dit ziet er misschien grappig uit, maar het werkt echt.
Antwoord 6, autoriteit 2%
knop die de pagina ververst bij klikken
Gebruik de onClick-knop met window.location.reload():
<button onClick="window.location.reload();">
Antwoord 7, autoriteit 2%
Ik heb gemerkt dat alle antwoorden hier inline onClick-handlers gebruiken. Het wordt over het algemeen aanbevolen om HTML en Javascript gescheiden te houden.
Hier is een antwoord dat een klik toevoegt gebeurtenislistenerdirect naar de knop. Wanneer erop wordt geklikt, roept het location.reloadaan, waardoor de pagina die opnieuw moet worden geladen met de huidige URL.
const refreshButton = document.querySelector('.refresh-button');
const refreshPage = () => {
location.reload();
}
refreshButton.addEventListener('click', refreshPage).demo-image {
display: block;
}<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">Antwoord 8
maak gewoon de lege referentie op de link, zoals het volgende
<a href="" onclick="dummy(0);return false;" >
Antwoord 9
<button onClick="window.location.reload();">Reload</button>
Of je kunt ook
<form action="<same page url>" method="GET">
<button>Reload</button>
</form>
Opmerking: verander "<same page link>"met de url van dezelfde pagina die u opnieuw wilt laden.
bijvoorbeeld:
<form action="home.html> method="GET">
Antwoord 10
Gebruik dit, het werkt prima voor mij om dezelfde pagina opnieuw te laden:
<button onClick="window.location.reload();">
Antwoord 11
Hoewel de vraag voor buttonis, maar als iemand de pagina wil vernieuwen met <a>, dan kan dat gewoon
<a href="./">Reload</a>
Antwoord 12
Als u op zoek bent naar een formulierreset:
<input type="reset" value="Reset Form Values"/>
of om andere aspecten van het formulier te resetten die niet door de browser worden afgehandeld
<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>
jQuery gebruiken
function doFormReset(){
$(".invalid").removeClass("invalid");
}
Antwoord 13
Ik wilde geen JavaScript gebruiken, dus bedacht ik een manier om een ’verborgen formulier’ te gebruiken. Hier is een voorbeeld:
<form method="get" accept-charset="utf-8">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Read">
<input type="submit" value="Reload" form="hidden_form">
</form>
<form id="hidden_form" method="get"></form>
Antwoord 14
window.opener.location.href ='workItem.adm?wiId='+${param.wiId};
Het gaat naar het vereiste pad en je krijgt geen prompt om opnieuw te verzenden.