Schaltfläche, die die Seite beim Klicken aktualisiert

Ich benötige eine Schaltfläche, die die Seite beim Klicken des Benutzers aktualisiert. Ich habe es versucht:

<input type="button" value="Reload Page" onClick="reload">

oder

<input type="button" value="Refresh Page" onClick="refresh">

Aber beides hat nicht funktioniert.

Verwenden Sie onClickmit window.location.reload(), dh:

<button onClick="window.location.reload();">Refresh Page</button>

Oder history.go(0)dh:

<button onClick="history.go(0);">Refresh Page</button>

Oder window.location.href=window.location.hrefzum " vollständigen " Nachladen, dh:

<button onClick="window.location.href=window.location.href">Refresh Page</button>

Das Button-Element - developer.mozilla.org

Das funktioniert bei mir

HTML

    <button type="submit"  onClick="refreshPage()">Refresh Button</button>

JavaScript

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

<a onClick="window.location.reload()">Refresh</a>

Das funktioniert wirklich perfekt für mich.

Nur diese Seite wird wirklich neu geladen (heute)

<input type="button" value="Refresh Page" onClick="location.href=location.href">

Andere laden nicht genau nach. Sie behalten Werte in Textfeldern.

Schaltfläche, die die Seite beim Klicken aktualisiert

Verwenden Sie die onClick-Schaltfläche mit window.location.reload ():

<button onClick="window.location.reload();">

<button onclick=location=URL>Refresh</button>

Das mag lustig aussehen, aber es macht wirklich den Trick.

Mir ist aufgefallen, dass alle Antworten hier Inline verwenden onClick Handler verwenden. Es wird allgemein empfohlen, HTML und Javascript getrennt zu halten.

Hier ist eine Antwort, die einen Klickereignis- Listener direkt zur Schaltfläche hinzufügt . Wenn darauf geklickt wird, wird location.reload aufgerufen, wodurch die Seite mit der aktuellen URL neu geladen wird.

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">

Erstellen Sie einfach die leere Referenz auf dem Link wie folgt

 <a href="" onclick="dummy(0);return false;" >

Verwenden Sie diese Funktion, damit ich dieselbe Seite neu laden kann:

<button onClick="window.location.reload();">

Die Frage ist zwar für button, aber wenn jemand die Seite mit aktualisieren möchte <a>, können Sie dies einfach tun

<a href="./">Reload</a>

<button onClick="window.location.reload();">Reload</button>

Oder Sie können auch verwenden

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

Hinweis: Ändern Sie "<same page link>"mit der URL derselben Seite, die Sie neu laden möchten. beispielsweise: <form action="home.html> method="GET">

Wenn Sie nach einem Zurücksetzen des Formulars suchen:

<input type="reset" value="Reset Form Values"/>

oder um andere Aspekte des Formulars zurückzusetzen, die nicht vom Browser verarbeitet werden

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

Verwenden von jQuery

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

Es wird zum gewünschten Pfad geleitet und Sie erhalten keine Aufforderung zum erneuten Senden.