当前位置：网站首页>history.go()和history.back()，history.go()不刷新

history.go()和history.back()，history.go()不刷新

2022-07-21 21:36:00 【旺仔好吃糖】

文章目录

history.go()和history.back()，history.go()不刷新

history.go()和history.back()，history.go()不刷新

history.back()

back():加载history列表中前一个url，原页面表单内容保存，即后退

history.go()

go():加载history列表中的某个具体页面，即后退或前进+刷新

区别：

history.go(value)会前往任何一个页面；但是history.back()不管括号内传入什么参数，都只会返回上一次刷新的页面，而不能进行多次跳转

history.go(-1)不刷新

//html
<img src="./picture/left.png" alt="" onclick='sessionStorage.setItem("refresh", "true");history.go(-1);'>
//js
//强制刷新页面
window.addEventListener('pageshow', function(event) {
    
    if(event.persisted) {
     
        location.reload();
    } else {
     
        if(sessionStorage.getItem('refresh') === 'true') {
    
            location.reload();
        }
    }
    sessionStorage.removeItem('refresh');
});