数组遍历起始异常与按钮自动点击失效的技术求助

问题1：仅最后一个ID被处理的根源 #

你使用window.open(..., "_self")会直接替换当前页面，循环会在极短时间内触发25次页面跳转——前24次跳转还未完成就被后续跳转覆盖，最终只会停留在最后一个ID对应的页面。另外，var i的函数级作用域特性，也会导致异步场景下i的值被共享，但核心诱因是_self导致的页面跳转覆盖。

问题2：按钮点击无效的原因 #

当用_self跳转时，原页面的脚本环境会被销毁，你给newWindow绑定的load事件监听根本不会执行——原页面已不存在，新页面的脚本环境完全独立，原页面代码无法访问新页面的DOM。

修复方案：串行化处理流程 #

改成串行处理，每次完成一个页面的重置+确认操作后，再跳转到下一个ID的页面。通过localStorage跨页面共享待处理队列和进度：

步骤1：初始页面提取ID并启动流程

在包含表格的初始页面运行这段代码，提取ID并初始化处理队列：

const tds = document.querySelectorAll("#UnitItems td");
const ids = Array.from(tds)
  .filter(td => td.textContent.includes("GENT"))
  .map(td => td.textContent.replace(/\s/g, ""));

// 存储待处理队列与当前进度
localStorage.setItem("gentIds", JSON.stringify(ids));
localStorage.setItem("currentIndex", "0");

// 跳转到第一个ID的页面
if (ids.length > 0) {
  window.location.href = `/NetViewer/LineupsCommand/AddUnitInformation?unitID=${ids[0]}&lineupName=Z_GENT_1_INT_MAANDAG_1&agencyID=Z_GENT`;
}

步骤2：目标页面自动执行操作并跳转

将这段代码保存为浏览器书签脚本，或通过Tampermonkey等工具自动注入到目标页面：

// 等待目标元素加载完成（兼容动态渲染场景）
function waitForElement(selector, timeout = 10000) {
  return new Promise((resolve, reject) => {
    const checkInterval = setInterval(() => {
      const element = document.querySelector(selector);
      if (element) {
        clearInterval(checkInterval);
        resolve(element);
      }
    }, 100);
    setTimeout(() => {
      clearInterval(checkInterval);
      reject(new Error(`元素${selector}超时未加载`));
    }, timeout);
  });
}

// 执行当前页面的重置+确认操作
async function processCurrentPage() {
  try {
    // 等待重置按钮并点击
    const resetBtn = await waitForElement("#btnResetAllEmployees");
    resetBtn.click();

    // 等待确认按钮并点击（重置后可能有状态更新，需等待）
    const confirmBtn = await waitForElement("#btnAddUnitInformation");
    confirmBtn.click();

    // 等待操作生效（根据页面响应速度调整延迟）
    await new Promise(resolve => setTimeout(resolve, 1000));

    // 获取下一个待处理ID
    const ids = JSON.parse(localStorage.getItem("gentIds"));
    let currentIndex = parseInt(localStorage.getItem("currentIndex")) + 1;

    if (currentIndex < ids.length) {
      localStorage.setItem("currentIndex", currentIndex.toString());
      // 跳转到下一个ID的页面
      window.location.href = `/NetViewer/LineupsCommand/AddUnitInformation?unitID=${ids[currentIndex]}&lineupName=Z_GENT_1_INT_MAANDAG_1&agencyID=Z_GENT`;
    } else {
      // 所有ID处理完成，清理本地存储
      localStorage.removeItem("gentIds");
      localStorage.removeItem("currentIndex");
      console.log("所有GENT ID处理完成！");
    }
  } catch (err) {
    console.error("处理失败:", err);
  }
}

// 页面加载完成后自动启动处理
window.addEventListener("load", processCurrentPage);

额外说明 #

• localStorage用于跨页面共享数据，避免页面跳转后丢失待处理队列和进度。
• waitForElement函数比单纯监听load事件更可靠，能兼容按钮动态渲染的场景。
• 可根据页面实际响应速度调整setTimeout(1000)的延迟时长，确保重置操作生效后再点击确认按钮。

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