1. 程式人生 > >js實現返回上一頁後刷新歷史頁面

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

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

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

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

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

history.back不一定就不會重新整理介面:當快取不可用的時候,還是會重新整理的。window.location.replace也不一定會重新整理頁面,當伺服器”明確”告訴瀏覽器快取還可以用的時候,瀏覽器一般不會再重新整理頁面。不過在一般情況下,使用window.location.replace替換history.back就能達到想要的效果。