如何在 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
    });

这将防止发生默认操作“重新加载站点”