我无法让这个工作起来。我已经尝试了很长时间。请帮帮我。
<script>
function goBack() {
window.history.back()
}
</script>
<button onclick="goBack()">Go Back</button>
我无法让这个工作起来。我已经尝试了很长时间。请帮帮我。
<script>
function goBack() {
window.history.back()
}
</script>
<button onclick="goBack()">Go Back</button>
this
<button type="button" onclick="goBack()">Go Back</button>
也许这正是你在寻找的。
浏览器可能会将按钮解释为提交按钮并提交表单,从而导致页面刷新。添加type="button"将防止此情况发生。
<a href="#" onclick=DoSomething()>Stop it working</a>
这是因为href会在历史记录中添加一个新页面,再次呈现当前页面。
顺便提一下,如果你调用
event.preventDefault()
首先,您需要确保脚本标签设置正确的类型:
<script type="text/javascript">
...
</script>
<button onclick="javascript:history.go(-1)">Go Back</button>
<button type="reset" onclick="goBack()">Go Back</button>
<a href="#" onclick="history.back();return false;">Go Back</a>
“return false;”这一部分对我有所帮助,解决了问题。
window.history.back()
方法如果没有任何先前的 URL 可以返回,将无法工作。您的程序需要有一个起始 URL,并且您需要使您的程序向前移动到下一页,才能够前进和后退。
<button id="goBack">Go Back</button>
<span id="result"></span>
<script>
document.getElementById("goBack").addEventListener("click", function(event){
event.preventDefault();
document.getElementById("result").innerHTML = "Going back";
window.history.back();
});
</script>
jQuery:
<button id="goBack">Go Back</button>
<span id="result"></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('#goBack').click(function(event){
event.preventDefault();
document.getElementById("result").innerHTML = "Going back";
window.history.back();
});
</script>