如何在点击按钮触发弹窗的循环代码中关闭弹窗？

你之前用window.self.close()无效，大概率是因为弹窗是页面内的模态DOM元素（不是独立的浏览器新窗口），这种情况下需要定位到弹窗的关闭元素或容器，通过操作DOM来关闭它。以下是具体解决方案：

步骤1：定位弹窗的关键元素 #

打开浏览器开发者工具（F12），右键点击弹窗的关闭按钮（比如"X"、"Close"按钮）选择「检查」，记下它的类名/ID；或者找到弹窗的根容器（通常带有modal、popup这类标识类名）。

步骤2：修改循环代码，加入关闭逻辑 #

根据弹窗的实际类型，选择对应代码调整：

情况1：弹窗是页面内模态框（最常见）

假设关闭按钮的类名是ModalCloseBtn，修改后的代码如下：

// 找到所有文本为"Activate"的按钮
var offerButtons = Array.from(document.getElementsByClassName("AvailableDealTile2__activation-status___jsguf")).filter(span => span.textContent === "Activate");

for (let index = 0; index < offerButtons.length; ++index) {
    console.log("Clicking Activate button");
    offerButtons[index].click();
    
    // 等待弹窗加载完成（可根据实际情况调整毫秒数）
    await new Promise(r => setTimeout(r, 1000));
    
    // 点击关闭按钮
    const closeBtn = document.querySelector('.ModalCloseBtn'); // 替换为你找到的实际选择器
    if (closeBtn) {
        closeBtn.click();
        console.log("Closed popup");
    }

    // 备选方案：如果弹窗是通过类控制显示，移除激活类
    // const popupContainer = document.querySelector('.PopupContainer');
    // if (popupContainer) popupContainer.classList.remove('active');
    
    // 等待关闭完成，再执行下一次循环
    await new Promise(r => setTimeout(r, 1000));
}
console.log("All done. Refresh and try again.");

情况2：弹窗是新打开的浏览器窗口

如果点击按钮后弹出的是独立浏览器窗口，需要先捕获窗口对象再关闭：

// 重写window.open，捕获新弹窗
let popupWindow;
const originalOpen = window.open;
window.open = function(url, name, features) {
    popupWindow = originalOpen.call(window, url, name, features);
    return popupWindow;
};

var offerButtons = Array.from(document.getElementsByClassName("AvailableDealTile2__activation-status___jsguf")).filter(span => span.textContent === "Activate");

for (let index = 0; index < offerButtons.length; ++index) {
    console.log("Clicking Activate button");
    offerButtons[index].click();
    
    // 等待窗口加载
    await new Promise(r => setTimeout(r, 1000));
    
    // 关闭捕获到的弹窗
    if (popupWindow && !popupWindow.closed) {
        popupWindow.close();
        console.log("Closed popup window");
        popupWindow = null; // 重置对象，准备下一个弹窗
    }
    
    await new Promise(r => setTimeout(r, 1000));
}

// 恢复原始的window.open方法
window.open = originalOpen;
console.log("All done. Refresh and try again.");

进阶优化：用监听替代固定等待（更可靠） #

如果页面弹窗是动态加载的，固定等待时间可能不稳定，可以用MutationObserver监听弹窗出现：

// 监听指定元素出现的工具函数
function waitForElement(selector) {
    return new Promise(resolve => {
        const existingElement = document.querySelector(selector);
        if (existingElement) {
            resolve(existingElement);
            return;
        }
        const observer = new MutationObserver((mutations) => {
            const element = document.querySelector(selector);
            if (element) {
                observer.disconnect();
                resolve(element);
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });
    });
}

// 在循环中使用
for (let index = 0; index < offerButtons.length; ++index) {
    console.log("Clicking Activate button");
    offerButtons[index].click();
    
    // 等待关闭按钮出现后点击
    const closeBtn = await waitForElement('.ModalCloseBtn');
    closeBtn.click();
    console.log("Closed popup");
    
    await new Promise(r => setTimeout(r, 1000));
}

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