如何遍历URL数组并解析页面？现有JS代码执行异常求助

咱们先拆解下你代码里的核心问题，这就是为啥它没法正常工作的原因：

问题1：setInterval用法完全错误 #

你写的setInterval(set(page), 10000)会立即执行set(page)，而不是把set函数作为定时器的回调。这就导致循环瞬间跑完，所有set(page)都立刻执行，最后一次的window.location跳转直接覆盖了前面的操作，所以浏览器只会打开最后一个页面。

问题2：页面跳转后原脚本直接终止 #

一旦执行window.location = page，浏览器就会加载新页面，原来页面里的所有JavaScript代码（包括循环、定时器）都会停止运行。就算你定时器写对了，前面的定时器也没机会触发——因为页面已经跳走了。

推荐修复方案（不跳转页面，异步解析） #

最靠谱的方式是在当前页面用异步请求获取目标页面内容，不用跳转，这样所有逻辑都能连贯执行。用async/await配合fetch就能轻松实现：

const numbers = ["1111", "2222", "3333"];

// 解析页面内容的函数
async function parsePage(url) {
  try {
    // 异步获取页面HTML
    const response = await fetch(url);
    const html = await response.text();
    
    // 这里写你的解析逻辑，比如用DOMParser处理HTML
    const parser = new DOMParser();
    const pageDoc = parser.parseFromString(html, 'text/html');
    
    // 举个例子：获取页面标题
    console.log(`解析页面 ${url} 的标题：`, pageDoc.title);
    // 这里可以添加你自己的解析逻辑，比如提取特定元素内容
  } catch (error) {
    console.error(`处理页面 ${url} 时出错：`, error);
  }
}

// 逐个处理页面，间隔10秒
async function processAllPages() {
  for (const num of numbers) {
    const pageUrl = `http://www.*****/*****/${num}/*****/`;
    await parsePage(pageUrl);
    // 等待10秒再处理下一个
    await new Promise(resolve => setTimeout(resolve, 10000));
  }
  console.log('所有页面都处理完成啦！');
}

// 启动处理流程
processAllPages();

这个方案的优势：

• 不用切换页面，所有操作在当前页面完成
• 严格按顺序处理，每个页面解析完成后再等10秒处理下一个
• 错误处理更完善，不会因为某个页面出错导致整个流程中断

如果你必须跳转页面的情况 #

如果因为目标页面有反爬机制，必须在浏览器环境加载页面才能解析，那咱们可以用localStorage记录当前处理的进度，让每个页面加载后自动继续流程：

const numbers = ["1111", "2222", "3333"];

// 页面加载完成后执行
window.addEventListener('load', () => {
  // 从本地存储获取当前处理的索引
  let currentIndex = parseInt(localStorage.getItem('pageIndex')) || 0;
  
  // 解析当前页面的逻辑
  function parseCurrentPage() {
    console.log(`正在解析页面：${window.location.href}`);
    // 这里写你的解析逻辑，比如提取页面内容保存到本地存储或者其他地方
  }
  
  // 执行解析
  parseCurrentPage();
  
  // 准备处理下一个页面
  currentIndex++;
  if (currentIndex < numbers.length) {
    // 更新索引到本地存储
    localStorage.setItem('pageIndex', currentIndex.toString());
    // 10秒后跳转到下一个页面
    setTimeout(() => {
      const nextPageUrl = `http://www.*****/*****/${numbers[currentIndex]}/*****/`;
      window.location.href = nextPageUrl;
    }, 10000);
  } else {
    // 所有页面处理完成，清理本地存储
    localStorage.removeItem('pageIndex');
    console.log('所有页面处理完成！');
  }
});

// 初始化索引并启动第一个页面跳转
if (!localStorage.getItem('pageIndex')) {
  localStorage.setItem('pageIndex', '0');
  window.location.href = `http://www.*****/*****/${numbers[0]}/*****/`;
}

注意：这个方案需要把这段代码放在每个目标页面里（或者做成书签工具手动触发），这样每个页面加载后都会自动处理并跳转到下一个。

内容的提问来源于stack exchange，提问作者Ильшат Мурзурбеков