軟體主廚的程式料理廚房

網頁瀏覽器都有一個功能，它會幫我們記住目前頁面的捲軸位置，在我們重新整理或是回到上一頁、前往下一頁之後，捲軸會還原到原本的位置，可是如果我們的網頁 HTML 元件是在前端產生的，因為畫面上 HTML 元件的渲染時機不定，那麼瀏覽器在還原捲軸位置的時候，就會有不穩定的情況，不是無效不然就是位置不對，這個問題我們透過 window.history 就能輕鬆解決，我們來看一下怎麼做？

自從 AJAX 問世之後，由於節省頻寬、提升網頁回應速度的效果顯著，被大量採用，甚至發展出了 SPA，但是這樣反而出現了一個副作用，就是我們無法將網頁最終呈現的結果透過 URL 分享出去，不利於 SEO，我們就來看一下，怎麼在都是用非同步請求取得網頁內容的情況下，變換網址。

有一些網頁的內容是有時效性的，甚至有一些操作是不可逆的，但是瀏覽器的歷程記錄（History）卻會逆轉這些特性，在使用者按下「上一頁」的那一刻，不該出現的卻出現了、不該消失的卻消失了，怎麼會這樣？