js實現返回上一頁後刷新歷史頁面

<input type="button" value="返回" οnclick="javascript:window.location.replace(document.referrer);"/>

通過以上的js代碼可以實現返回上一頁並且刷新歷史頁面,親測有效。

document.referrer:可以引用到上一個頁面,這個屬性是由瀏覽器支持的。在不同情況下值可能和history.back不一樣,但是絕大部分情況下跟你想要的結果是一致的。

當用戶是通過頁面導航內部切換到新頁面的(例如<a>標籤,或者改變url的代碼),document.referrer和history.back指向的頁面都是上一個頁面。

當用戶是通過書籤打開網頁的,document.referrer是空的,history.back卻是可用的,可以返回到點擊書籤之前的頁面。

history.back不一定就不會刷新界面:當緩存不可用的時候,還是會刷新的。window.location.replace也不一定會刷新頁面,當服務器"明確"告訴瀏覽器緩存還可以用的時候,瀏覽器一般不會再刷新頁面。不過在一般情況下,使用window.location.replace替換history.back就能達到想要的效果。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章