使用javascript更新URL參數，而不破壞歷史記錄？

Question

我正在尋找更新狀態欄中的網址的方法.. 我有一個庫，當您點擊通過圖庫的方式時，我希望圖像ID顯示在網址中，以便用戶可以直接鏈接到圖像..

我讀過關於使用哈希等。但就我所嘗試過的而言，這是「毀掉」歷史。 如果我點擊瀏覽器中的後退按鈕，則會顯示前一張圖片。

是否可以在不破壞歷史記錄的情況下添加或更新URL參數？

在此先感謝

Answer 1

這樣做只是這樣一來，切換到圖像時，散列添加到URL，例如：

location+='#image-'+image_id 

您的位置將成爲

http://example.org/images/#image-3 

，而不是最初的

http://example.org/images/ 

and onload，if if location.hash不爲空，並且與^image-(\d+)$（正則表達式模式）相匹配，如果匹配，則執行通常的操作，如果用戶單擊了圖像編號爲(\d+)的圖像。

要保存歷史記錄，請使用reallysimplehistory。

Answer 2

使用location.replace以取代當前的位置：

與一個在所提供的網址替換當前文檔。與assign()方法的區別在於，在使用replace()後，當前頁面不會保存在會話歷史記錄中，這意味着用戶將無法使用「後退」按鈕導航到該頁面。