如何让页面中的JavaScript脚本持续生效可多次运行

当前写法失效有两个核心原因：

• 直接给DOM元素的onclick属性赋值属于DOM0级事件绑定，优先级低，很容易被页面自身的后续业务逻辑覆盖重写。首次触发后页面重写按钮A的点击事件，你的自定义逻辑就会被直接冲掉。
• 自定义逻辑和按钮A原生点击逻辑同步执行，运行时机早于弹窗渲染逻辑：触发buttonYes.click()时，包含是/否选项的弹窗还没插入DOM树，根本获取不到目标按钮，自然无法完成点击。

不要直接绑定按钮A的onclick属性，改用事件捕获阶段的全局事件委托绑定逻辑，同时增加DOM渲染检测，确保「是」按钮加载完成后再触发点击，既不会被页面逻辑覆盖，也不会出现找不到元素的问题。
可直接在Tampermonkey中使用的代码如下：

// 捕获阶段绑定点击事件，优先级高于页面自身业务逻辑
document.addEventListener('click', function(e) {
    // 匹配点击目标为按钮A，可根据页面实际选择器调整判断规则
    if (e.target === buttonA || e.target.closest('#buttonA')) {
        // 轮询检测「是」按钮是否渲染完成，最长等待1秒
        let checkTimes = 0;
        const clickYesInterval = setInterval(() => {
            const confirmYesBtn = document.getElementById('buttonYes');
            if (confirmYesBtn) {
                confirmYesBtn.click();
                clearInterval(clickYesInterval);
            }
            checkTimes++;
            if (checkTimes > 20) clearInterval(clickYesInterval);
        }, 50);
    }
}, true);

适配说明 #

• 如果按钮A没有固定id，可将目标匹配规则替换为class、自定义属性等选择器，例如e.target.closest('.btn-a-class')即可匹配对应class的按钮，无论按钮是页面初始加载还是后续动态渲染生成，都能正常识别。
• 绑定事件时传入的最后一个参数true，代表在事件捕获阶段触发监听，执行时机早于页面自身绑定的冒泡阶段事件，不会被页面的事件拦截逻辑影响。
• 50ms间隔轮询20次总共等待1秒，足够覆盖绝大多数弹窗的渲染耗时，既不会因执行过早失效，也不会产生额外性能损耗。

内容的提问来源于stack exchange，提问作者Randy VU