為 history.back 按鈕定義一個參考站點

Question

我們想在我們的網站上有一個后退按鈕，但 javascript 中的 history.back 對我們沒有幫助。 我們只需要在該站點上運行此功能，如果用戶來自其他站點，則單擊上一個站點的返回按鈕不應返回。

事實上，我們只想在我們的網站上運行一個返回按鈕。 我的代碼是

<a href="javascript:history.back();" class="btn btn-danger btn-rounded btn-anim"><i class="fas fa-arrow-left"></i><span class="btn-text">Back</span></a>

Answer 1

這僅適用於您自己制作的后退按鈕，不適用於瀏覽器后退按鈕

有兩種方法可以實現這一點：一種簡單但並不總是可靠的方法，一種復雜但總是好的方法。

1-簡單的方法

您使用document.referrer並在調用history.back()之前確保域是您的。

2- 復雜的方法

您可以在頁面加載時注冊一個 JavaScript 函數，以獲取您可以使用history.pushState存儲的國際空間的第一個 URL。 在調用 back 函數之前，您可以確保這不是那個頁面。 但是，這個想法並不完整，因為用戶可能已經兩次登陸此頁面。 即首頁->產品->首頁。 我會讓你搜索更多代碼來解決這個問題。

Answer 2

此代碼檢查瀏覽器click事件后退按鈕的歷史記錄：

$('#backbtn').click(function () {
    if (document.referrer.includes(window.location.hostname)) {
        window.history.back();
    } else {
        window.location.href = "/your/path";
    }
});