Botão que atualiza a página ao clicar

108

Preciso de um botão que atualize a página com o clique do usuário. Eu tentei isso:

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

ou

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

Mas nenhum dos dois funcionou.

— Stefan Đorđević
fonte

237

Use onClickcom window.location.reload(), ou seja:

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

Ou history.go(0), por exemplo:

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

Ou window.location.href=window.location.hrefpara recarga ' completa ', ou seja:

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

O elemento Button - developer.mozilla.org

— CONvid19
fonte

2

qual é a diferença entre essas três opções? É um melhor do que os outros para algumas situações?

— ashleedawg

Não acho que tenham vantagens um sobre o outro, apenas maneiras diferentes de fazer o mesmo.

— CONvid19

1

Não vou torcer meu nariz, mas sim um ";" está faltando no final de onClick = "window.location.reload ();"

— guido _nhcol.com.br_

1

toda essa questão é sintaxe incorreta ... Estou surpreso que tenha quase 200 votos positivos. Em primeiro lugar, o botão precisa de uma tag de fechamento em cada um, e em segundo lugar, o valor não é um atributo das tags de botão, o texto precisa ir entre a tag e a tag de fechamento

— Senhor SirCode

@TaylorS Você está totalmente certo, atualizei a resposta, obrigado.

— CONvid19

10

Isso funciona para mim

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>

Isso realmente funciona perfeitamente para mim.

— Awais Jameel
fonte

6

Só esta página realmente recarrega (hoje)

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

Outros não recarregam exatamente. Eles mantêm os valores dentro de caixas de texto.

— ilias iliadis
fonte

Você pode explicar o que você quer dizer com: " Somente esta página realmente recarrega (hoje) "?

— CONvid19

"Hoje" significa o dia em que escrevi (porque a cada dia algo muda). “Só isto” é relevante para as respostas dadas acima por Pedro Lobito.

— ilias iliadis

2

Todas as respostas no SO são "a partir de hoje " e sujeitas a atualização se alguma coisa mudar, essa é a natureza de quase tudo na vida, não apenas respostas.

— CONvid19

5

botão que atualiza a página ao clicar

Use o botão onClick com window.location.reload ():

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

— Amo Kumar
fonte

4

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

Isso pode parecer engraçado, mas realmente funciona.

— Thielicious
fonte

4

Percebi que todas as respostas aqui usam onClickmanipuladores embutidos . Em geral, é recomendável manter HTML e Javascript separados.

Aqui está uma resposta que adiciona um ouvinte de evento de clique diretamente ao botão. Quando é clicado, ele chama location.reload, o que faz com que a página seja recarregada com o URL atual.

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

Expandir trecho

— volt
fonte

3

apenas crie a referência vazia no link, como a seguir

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

— Hamid sk
fonte

1

Use isso funciona bem para mim recarregar a mesma página:

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

— prashant kute
fonte

0

Embora a questão seja button, mas se alguém quiser atualizar a página usando <a>, você pode simplesmente fazer

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

— Sorriso
fonte

0

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

Ou você também pode usar

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

Nota: Mude "<same page link>"com o url da mesma página que deseja recarregar. por exemplo: <form action="home.html> method="GET">

— Krishna Saxena
fonte

-1

Se você estiver procurando por uma redefinição de formulário:

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

ou para redefinir outros aspectos do formulário não tratados pelo navegador

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

Usando jQuery

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

— Richard Taylor-Kenny
fonte

-5

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

Ele irá para o caminho necessário e você não receberá nenhum prompt de reenvio.

— Malatesh
fonte