原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效。
注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发,
页面由于使用pushState修改了history,会触发popstate事件。
方法一:
jQuery(document).ready(function ($) {
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
window.history.forward(1);
});
}
});
方法二【推荐】:
$(function() {
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
window.history.pushState('forward', null, '#');
window.history.forward(1);
});
}
window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
window.history.forward(1);
})
//控制浏览器和移动端的后退按钮
if (window.history && window.history.pushState) {
$(window).on(&