Javascript的頁面操作:返回上一頁、重新整理本頁方式整理

沒什麼營養,參考參考即可。

返回上一頁

  1. window.history.go(-1);:

返回上一頁,form裡面的資料都還在不會重新整理。(不同瀏覽器不同作業系統有不同刷新與否之效果)

  1. window.history.back();:

返回上一頁,form裡面的資料會被重新整理而消失。(不同瀏覽器不同作業系統有不同刷新與否之效果)

  1. window.location.href = document.referrer;:

返回上一頁,form裡面的資料會被重新整理而消失。(推薦!確定會刷新)

備註

使用這種JS級的回到上一頁要注意的是,有時候客戶端收到EMAIL去點擊某個連結進入到某個畫面,而該瀏覽器頁籤並沒有任何的歷史紀錄,這時候回到上一頁的功能就可以說是失效了,因此建議改寫成下列思路:

$("#uBack").click(function () {
  if (!document.referrer) {
    //1. 通常會發生在使用者收到信件並直接點擊連結進入之時,這時候系統會找不到任何從哪一頁來的資訊。
    //2. 若直接踢回去上一頁亦不妥,有可能使用者瀏覽器的上一頁是其他非相關網頁,因此建議做法是導向與本頁面最具關聯性的預設頁面
    window.location.href = '與本頁最具關聯性的預設頁面';
  } else {
    window.location.href = document.referrer;
  }
});

重新整理當前頁面

  1. window.location.reload();

重新整理本頁面。

HTML5 Javascript BackPage PreviousPage ReloadPage