页面加载后/元素加载后立即单击带有Javascript的按钮

Question

我已经检查了StackOverflow上的许多其他答案，但由于某种原因，它们都不起作用。

我正在尝试使用类似简单的东西

window.onload = function() {
    sleep(5000)
    clickButton()
}

但是据我所知，要在页面加载后点击加载。因此window.onload根本不起作用。这就是为什么我尝试使用自定义的睡眠功能来强制代码在页面加载之后运行，但是不行的原因。通过阻止页面完全加载来使代码“休眠”，然后运行clickButton()，然后页面加载。没用。

我知道我实际的按钮单击代码在实践中是可行的，因为我只是逐行输入浏览器控制台，并且运行良好。但是执行代码后，我定位的按钮就会加载！

我也尝试过这些也不起作用：

window.addEventListener('load', function () {
   clickButton()
})

setTimeout(clickButton(), 5000)

setInterval(clickButton(), 5000)

...

另外，我正在使用：document.querySelector("[data-a-target='button-name']");

而不是：document.getElementById("button-name");

因为此按钮没有ID。

...

此外，如果答案是我，我从来没有使用过jquery。

...

到底如何让JS在加载按钮后立即让他单击按钮？

Answer 1

编写代码的顺序在这里起着重要的作用。

首先，将脚本标签放在html页面的body元素的最底部。这会迫使浏览器在使用Javascript进入script标签之前已经阅读了整个html页面。

第二，我假设您有一个事件监听器，用于单击按钮。在单击按钮之前，请编写事件侦听器。

例如，我编写了这段小代码来检验我的假设：

button.addEventListener('click', function () {
    console.log('Clicked');
});

button.click();

希望这也对您有用。祝你好运