如何在点击触发打开的新窗口中执行jQuery点击操作？

核心问题分析 #

你之前的代码无效，是因为$('a.button.btn')[0].click()不会返回新窗口对象——它只是触发浏览器默认的链接跳转行为，无法捕获新窗口的引用。必须用window.open()主动打开窗口，才能拿到可操作的窗口实例。

单按钮实现示例 #

// 获取目标链接的地址
const linkHref = $('a.button.btn').attr('href');
// 打开新窗口并保存引用
const newWindow = window.open(linkHref, '_blank');

// 监听新窗口加载完成
newWindow.addEventListener('load', function() {
    // 等待页面元素渲染（可根据实际加载速度调整延迟）
    setTimeout(() => {
        // 在新窗口中执行点击操作
        newWindow.document.querySelector('.dbtn a').click();
        // 延迟关闭窗口，确保点击操作完成
        setTimeout(() => newWindow.close(), 1000);
    }, 500);
});

批量处理所有按钮 #

如果要循环处理页面中所有a.button.btn按钮，代码如下：

// 遍历所有目标按钮
$('a.button.btn').each(function(index, el) {
    const linkHref = $(el).attr('href');
    const newWindow = window.open(linkHref, '_blank');

    // 监听窗口加载完成
    newWindow.addEventListener('load', function() {
        setTimeout(() => {
            // 检查目标元素是否存在
            const targetBtn = newWindow.document.querySelector('.dbtn a');
            if (targetBtn) {
                targetBtn.click();
                // 延迟关闭
                setTimeout(() => newWindow.close(), 1000);
            } else {
                console.log(`第${index+1}个窗口未找到目标元素，直接关闭`);
                newWindow.close();
            }
        }, 500);
    });

    // 处理窗口加载失败的情况
    newWindow.addEventListener('error', function() {
        console.log(`第${index+1}个窗口加载失败，关闭窗口`);
        newWindow.close();
    });
});

关键注意事项 #

• 同源策略限制：如果新窗口打开的页面和原页面域名不同，浏览器会阻止你操作新窗口的DOM，这是安全机制，无法绕过。
• 定时器调整：页面加载速度存在差异，需要根据实际情况修改setTimeout的延迟时间，确保目标元素已完成渲染。
• 弹窗拦截规则：现代浏览器会拦截非用户主动触发的弹窗，所以这段代码必须绑定在用户点击事件（比如按钮点击）中执行，不能直接自动运行。

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