如何在 Chrome 中重新加載頁面后使 JavaScript 片段工作？

Question

環境：Chrome，一個簡單的Web傳送門

我正在嘗試做一個簡單的瀏覽器自動化。

在 HTML 表中，1. 單擊第一個鏈接，2. 更改下拉值，3. 單擊提交。

單擊按鈕后的代碼不會執行，因為在單擊按鈕后會加載頁面。

var tbl = document.getElementById("incident_table")
tbl.rows[2].cells[2].getElementsbyClassName("linked")[0].click()
// below code is not executing, as the above click loads the page
document.getElementById("incident.state').selectedIndex = 1
document.getElementById("sysverb_update").click()

我可以在控制台中分別運行最后兩行代碼，它可以工作。

但是當作為一個片段執行時它沒有

Answer 1

這篇文章與您的問題非常相似： <a> 標簽上的 preventDefault()

您要做的是阻止 javascript 單擊事件的默認操作。

您還可以做的是：

tbl.rows[2].cells[2].getElementsbyClassName("linked")[0].addEventListener('click', ()=>{
    preventDefault();
    //write here what should happen instead
    });

這將防止發生默認操作“重新加載站點”