天天看點

跳轉到新頁面并清除目前頁面的history記錄

History 接口允許操作浏覽器的曾經在标簽頁或者架構裡通路的會話曆史記錄,通過history方法觸發前進後退

通常使用的方式:

window.location.href='index.html'
// 或者
window.location.replace('index.html')
           

使用場景:比如别人通路你得網站 不想回退的時候一步一步回,就需要避免通路你得頁面的時候産生history曆史記錄。

解決辦法:清除曆史記錄

對目前history記錄清除:此方法隻是直接屏蔽或者針對内網(同源)位址間的跳轉,并不進行跳轉。

需要搭配history.go(0)方法或者load方法進行頁面跳轉

使用用例:

// 跳轉到user.html 頁面并清除目前頁面的history記錄
window.history.replaceState(null, "", 'user.html');
window.history.go(0);
           

繼續閱讀