1. 程式人生 > >js獲取瀏覽器返回按鈕事件

js獲取瀏覽器返回按鈕事件

前面要加上jquery

比如<script src="style/jquery.min.js"></script>

監聽事件

jQuery(document).ready(function($) {

  if (window.history && window.history.pushState) {

    $(window).on('popstate', function() {
      var hashLocation = location.hash;
      var hashSplit = hashLocation.split("#!/"
); var hashName = hashSplit[1]; if (hashName !== '') { var hash = window.location.hash; if (hash === '') { alert('後退按鈕點選'); } } }); window.history.pushState('forward', null, './#forward'); }

});

History 物件

History 物件包含使用者(在瀏覽器視窗中)訪問過的 URL。

History 物件是 window 物件的一部分,可通過 window.history 屬性對其進行訪問。

history.pushState(state, title, url)

將當前URL和history.state加入到history中,並用新的state和URL替換當前。不會造成頁面重新整理。

state:與要跳轉到的URL對應的狀態資訊。

title:不知道幹啥用,傳空字串就行了。

url:要跳轉到的URL地址,不能跨域。