Javascript 如何在用户单击“浏览器后退”按钮时导航到新页面
我是javascript新手,现在我有一个不能很好完成的要求。首先是1.html中的用户,然后将导航到2.html,然后是3.html。每个html都有自己的js文件。当用户在3.html中单击浏览器后退按钮时,如何导航到1.html。Javascript 如何在用户单击“浏览器后退”按钮时导航到新页面,javascript,html5-history,Javascript,Html5 History,我是javascript新手,现在我有一个不能很好完成的要求。首先是1.html中的用户,然后将导航到2.html,然后是3.html。每个html都有自己的js文件。当用户在3.html中单击浏览器后退按钮时,如何导航到1.html。后退 <button onclick="myFunction()">Back</button> 使用此功能 <script language="JavaScript"> function myFunction() {
后退
<button onclick="myFunction()">Back</button>
使用此功能
<script language="JavaScript">
function myFunction() {
window.location = '3.html'
}
</script>
函数myFunction(){
window.location='3.html'
}
您可以在单击按钮时调用此功能。您的意思是当按下浏览器后退按钮时?如果是这样,最简单的方法就是使用
JQuery
。您可以使用以下代码:
jQuery(document).ready(function($) {
if (window.history && window.history.pushState) {
$(window).on('popstate', function() {
var split = location.hash.split("#!/");
var name = split[1];
if (name !== '') {
var hash = window.location.hash;
if (hash === '') {
window.location='www.yourwebsite.com/page1.html';
return false;
}
}
});
window.history.pushState('forward', null, './#forward');
}
});
对不起,我错过了关键词:它的浏览器后退按钮;非常感谢您如此迅速地回答我的问题question@XiaominHu很高兴提供帮助,别忘了将此标记为解决方案!