1. 程式人生 > >[轉]history.back(-1)和history.go(-1)的區別

[轉]history.back(-1)和history.go(-1)的區別

itl 是個 war 之前 syn 極速 image borde 重載

目錄:

1.這個方法的用途

2.兩個方法的區別

3.總結

概述:

H5頁面做多了,自然就會做到頁面上的返回功能,返回功能大致有兩種:history.back(-1)和history.go(-1),今天我們來說說兩種方法的區別。

技術分享圖片

這個方法的用途

返回一個頁面方法有很多,就好比給返回按鈕綁定一個URL,但是如果一個頁面可以從很多頁面到達,那麽這個頁面返回的頁面就不是固定的,那麽綁定固定的URL顯然不妥。

兩個方法的區別

既然history.back(-1)和history.go(-1)都是返回之前頁面,但是方法不同,所以肯定是有區別的:
history.back(-1)//直接返回當前頁的上一頁,數據全部清空,是個新頁面
history.go(-1)//也是返回當前頁的上一頁,不過表單裏的數據全部還在

總結

返回、前進頁面的方法下面總結一下: 經測試: pc端:IE5--IE11,360極速瀏覽器,谷歌,火狐,UC瀏覽器 history.go(-1)、history.back()、window.location.href=document.referrer 都會在返回頁刷新重新執行JS,,,蘋果瀏覽器(5.1.7)只有window.location.href 會在返回頁重新執行JS。。 手機端:安卓蘋果 微信QQ支付寶釘釘UC瀏覽器部分history.go(-1)、history.back()會在返回頁刷新重新執行JS,部分不會。。window.location.href 會在返回頁重新執行JS。。 無論pc還是手機端history.go(-1)、history.back()效果相同,只是go(-1)會重載一下頁面,back不會重載頁面。
window.location.reload()//
刷新 window.history.go(1)//前進 window.history.go(-1)//後退 window.history.forward()//前進 window.history.back() 後退+刷新
window.location.href=document.referrer//後退+刷新

[轉]history.back(-1)和history.go(-1)的區別