我想在我的网站上添加返回按钮。当我点击该按钮时,它需要返回上一页的URL地址。我应该如何使用jQuery实现这个功能?
我想在我的网站上添加返回按钮。当我点击该按钮时,它需要返回上一页的URL地址。我应该如何使用jQuery实现这个功能?
<button type="button" onclick="history.back();">Back</button>
wRAR的回答是正确的,你可以使用history.back或history.go(-1)。但是,如果你正在使用ajax,你可能需要更多的东西。
Stephen Walter有一篇关于如何使用jQuery,ASP.NET和浏览器历史记录的好文章,基本上描述了如何自己保存和恢复应用程序状态。我建议你阅读一下。
Elijah Manor(官方jQuery播客的联合主持人)也写了一篇关于这个主题的好文章。
希望这有所帮助 -D
试试这个:我正在使用 Materialize CSS。
<button id="back_btn" class="btn waves-effect waves-light" name="action">Back<i class="material-icons left">chevron_left</i>
</button>
在你的jQuery脚本文件中添加:$("#back_btn").click(function (){
window.history.back();
});
在文档准备就绪的函数中。
$(document).ready(function(){
$('.backLink').click(function(){
parent.history.back();
return false;
});
});
这是我最近一个项目中成功使用的内容:
<script>
function goBack() {
window.history.back();
}
</script>
<a href="#" onclick="goBack()" class="btn-event-show-video">
Return to Stand
</a>
button onclick="history.back();"
是解决问题的一种方式。但在以下情况下可能无法正常工作:
<input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">
function goBack(){
if(navigation.canGoBack) {
history.back();
}
}
<a href="#" onclick="goBack()" class="btn-go-back">
Go back
</a>