Existe uma função que eu possa anexar como um evento de clique de um botão para fazer o navegador voltar à página anterior?
<input name="action" type="submit" value="Cancel"/>
Existe uma função que eu possa anexar como um evento de clique de um botão para fazer o navegador voltar à página anterior?
<input name="action" type="submit" value="Cancel"/>
Respostas:
Adicione isso ao seu elemento de entrada
<input
action="action"
onclick="window.history.go(-1); return false;"
type="submit"
value="Cancel"
/>
<input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />
Esta resposta é bastante antiga, portanto, poderia ter sido um problema introduzido em versões mais modernas de navegadores. :)
action="action"
serve? E é html válido?
.js
arquivos dedicados e minificados 2. O JS embutido deve ser desativado por meio de uma Política de segurança de conteúdo para mitigar as injeções de XSS
history.back()
ou
history.go(-1)
Coloque isso na onclick
alça do botão . Deve ficar assim:
<input name="action" onclick="history.back()" type="submit" value="Cancel"/>
Para Ir para a página anterior
Primeiro método
<a href="javascript: history.go(-1)">Go Back</a>
Segundo método
<a href="##" onClick="history.go(-1); return false;">Go back</a>
se quisermos dar mais de um passo para trás, aumente
For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......
Você só precisa chamar o seguinte:
history.go(-1);
Mais curto ainda!
<button onclick="history.go(-1);">Go back</button>
Eu prefiro o .go(-number)
método como antes, para 1 ou muitas 'costas', há apenas 1 método para usar / lembrar / atualizar / pesquisar, etc.
Além disso, o uso de uma marca para um botão Voltar parece mais apropriado do que marcas com nomes e tipos ...
window.history.back ();
<button onclick="goBack()">Go Back</button>
<script>
function goBack() {
window.history.back();
}
</script>
Simples. Uma linha.
<button onclick="javascript:window.history.back();">Go Back</button>
Como a resposta de Wim e Malik, mas apenas em uma linha.
Essa é a única coisa que funciona em todos os navegadores atuais:
<script>
function goBack() {
history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>
Funciona para mim o tempo todo
<a href="javascript:history.go(-1)">
<button type="button">
Back
</button>
</a>