JavaScript 阻止瀏覽器後退按鈕的最佳實踐：location.replace

場景

頁面從 a.jsp 動態跳轉到 b.jsp，需禁止用戶通過瀏覽器左上角後退按鈕返回 a.jsp。

解決方案

使用 location.replace(url) 替代 location.href = url 或 location.assign(url)。

原理對比

代碼示例

// a.jsp 中跳轉到 b.jsp
if (condition) {
    location.replace('b.jsp'); // 瀏覽器歷史無 a.jsp 記錄
}

補充

• 無法直接禁用瀏覽器原生後退按鈕（安全限制）。
• 若需在頁面內攔截（如表單未保存提示），可用 history.pushState + popstate 事件，但無法覆蓋瀏覽器 UI 按鈕。