Pulsante che aggiorna la pagina al clic

108

Ho bisogno di un pulsante che aggiorni la pagina al clic dell'utente. Ho provato questo:

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

o

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

Ma nessuno dei due ha funzionato.

— Stefan Đorđević
fonte

237

Utilizzare onClickcon window.location.reload(), ad esempio:

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

Oppure history.go(0), cioè:

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

O window.location.href=window.location.hrefper la ricarica " completa ", ovvero:

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

L'elemento Button - developer.mozilla.org

— CONvid19
fonte

2

qual è la differenza tra queste tre opzioni? Uno è migliore degli altri per alcune situazioni?

— ashleedawg

Non credo che abbiano vantaggi l'uno sull'altro, solo modi diversi di ottenere lo stesso risultato.

— CONvid19

1

Non storcerò il naso ma un ";" manca alla fine di onClick = "window.location.reload ();"

— guido _nhcol.com.br_

1

tutta questa domanda è una sintassi errata ... Sono sorpreso che abbia quasi 200 voti positivi. In primo luogo, il pulsante necessita di un tag di chiusura in ciascuno, e in secondo luogo, il valore non è un attributo dei tag del pulsante, il testo deve essere compreso tra il tag e il tag di chiusura

— Mister SirCode

@TaylorS Hai perfettamente ragione, ho aggiornato la risposta, grazie.

— CONvid19

10

Questo funziona per me

HTML

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

JavaScript

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

— Manjunath Akalawadi
fonte

7

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

Questo funziona davvero perfettamente per me.

— Awais Jameel
fonte

6

Solo questa pagina ricarica davvero (oggi)

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

Altri non si ricaricano esattamente. Mantengono i valori all'interno delle caselle di testo.

— ilias iliadis
fonte

Puoi per favore spiegare cosa intendi con: " Solo questo ricarica davvero la pagina (Oggi) "?

— CONvid19

"Oggi" significa il giorno in cui l'ho scritto (perché ogni giorno qualcosa cambia). "Solo questo" è rilevante per le risposte fornite sopra da Pedro Lobito.

— ilias iliadis

2

Tutte le risposte su SO sono " ad oggi " e soggette ad aggiornamenti se qualcosa cambia, questa è la natura di quasi tutto nella vita, non solo le risposte.

— CONvid19

5

pulsante che aggiorna la pagina al clic

Usa il pulsante onClick con window.location.reload ():

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

— Amo Kumar
fonte

4

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

Potrebbe sembrare divertente ma fa davvero il trucco.

— Thielicious
fonte

4

Ho notato che tutte le risposte qui utilizzano onClickgestori in linea . In genere si consiglia di mantenere separati HTML e Javascript.

Ecco una risposta che aggiunge un listener di eventi clic direttamente al pulsante. Quando viene cliccato, chiama location.reload che fa ricaricare la pagina con l'URL corrente.

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

Espandi lo snippet

— volt
fonte

3

basta creare il riferimento vuoto sul collegamento come segue

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

— Hamid sk
fonte

1

Usa questo funziona bene per me per ricaricare la stessa pagina:

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

— prashant kute
fonte

0

Anche se la domanda è per button, ma se qualcuno vuole aggiornare la pagina usando <a>, puoi semplicemente farlo

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

— Sorridi
fonte

0

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

Oppure puoi anche usare

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

Nota: cambia "<same page link>"con l'URL della stessa pagina che desideri ricaricare. per esempio: <form action="home.html> method="GET">

— Krishna Saxena
fonte

-1

Se stai cercando un ripristino del modulo:

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

o per reimpostare altri aspetti del form non gestiti dal browser

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

Utilizzando jQuery

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

— Richard Taylor-Kenny
fonte

-5

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

Andrà al percorso richiesto e non riceverai alcuna richiesta di reinvio.

— Malatesh
fonte