鍍金池/ 問(wèn)答/HTML/ 前端頁(yè)面如何清除history

前端頁(yè)面如何清除history

本人想實(shí)現(xiàn) A頁(yè)面跳轉(zhuǎn)到B頁(yè)面,并且B頁(yè)面可返回到A頁(yè)面,B頁(yè)面點(diǎn)擊下一步進(jìn)入C頁(yè)面,但是在C頁(yè)面將清除B和A頁(yè)的記錄,不可回退到之前的頁(yè)面,請(qǐng)問(wèn)要怎么清除歷史記錄呢

回答
編輯回答
淺時(shí)光

不要跳轉(zhuǎn),直接替換就行了

history.replaceState()
2018年6月4日 13:29
編輯回答
影魅

之前也遇到過(guò)這個(gè)問(wèn)題,沒(méi)找到好的方法,有大佬來(lái)解決

2017年5月24日 01:03
編輯回答
夕顏

你要的功能只是禁止回退而已,用下面的代碼就可以實(shí)現(xiàn)了

history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
     history.pushState(null, null, document.URL);
})
2018年3月2日 12:21
編輯回答
刮刮樂(lè)
$(function () {
    pushHistory();
    window.addEventListener("popstate", function (e) {
      // close
    }, false);
    function pushHistory() {
      var state = {
        title: "title",
        url: "#"
      };
      window.history.pushState(state, "title", "#");
    }

  });

2018年7月1日 00:48
編輯回答
毀與悔
beforeRouteLeave(to, from, next){
      if (to.path == '/B') {//必要的
        next(false)
      } else {
        next()
      }
    },
  • 之前也想做類(lèi)似的功能,這樣就可以禁止出去,但是一定要加if判斷,要么你就哪也去不了了。
  • 注意:IOS的側(cè)滑,會(huì)出現(xiàn):先回到C頁(yè)面的上個(gè)頁(yè)面,延遲一會(huì)再回到C頁(yè)面。目前沒(méi)有辦法去解決IOS手機(jī)這個(gè),但是如果你們IOS開(kāi)發(fā)能給你禁止C頁(yè)面的側(cè)滑就OK了??戳撕枚啻蟮碾娚蹋际悄承╉?yè)面禁止側(cè)滑的
2017年5月21日 23:03