觸發位於上一頁的按鈕的單擊事件

Question

我是一名初學者，在調用 history.back() 時開發 Web 應用程序我想以編程方式單擊上一頁中的按鈕。 我有 2 個頁面 page1 和 page2，當從 page2 調用 history.back 我想返回 page1 並單擊 page1 中存在的結束按鈕

    document.addEventListener("start", () => {
        console.log("session ended");
        console.log("final", Content);
        history.back();
        document.querySelector(".end__button").click();
    });

            <div class='end__button'>
                <button>btn</button>
            </div>

查詢選擇器要么找不到按鈕，要么沒有執行行。 我怎么解決這個問題？ TIA

Answer 1

您可以創建一個sessionStorage來跟蹤加載頁面時何時需要單擊頁面 1 中的結束按鈕。

第 1 頁：

if(Boolean(window.sessionStorage.getItem('end'))) //click end button

window.sessionStorage.setItem('end', false); //reset

我在這里使用Boolean()將end轉換為布爾值（因此"false"不會是真實的），因為 sessionStorage 將值轉換為字符串。 如果您嘗試過，您會看到：

window.sessionStorage.setItem('number', 0);
window.sessionStorage.setItem('boolean', true);

typeof window.sessionStorage.getItem('number'); //string
typeof window.sessionStorage.getItem('boolean'); //string

您也可以嘗試if(window.sessionStorage.getItem('end') === 'true') 。

第2頁：

document.addEventListener('start', () => {
  //do stuff
  window.sessionStorage.setItem('end', true);
  history.back();
});

確保在調用setItem history.back()之前設置了項目。