如何移除程序生成页面的meta refresh标签以避免iframe刷新？

方案1：拦截beforeunload事件阻止刷新 #

直接在父页面或可注入脚本的iframe内部监听beforeunload事件，阻止页面跳转刷新。部分浏览器会触发弹窗提示，需测试适配：

// 父页面中操作目标iframe
const iframe = document.getElementById('your-iframe-id');
iframe.contentWindow.addEventListener('beforeunload', (e) => {
  e.preventDefault();
  // 部分浏览器需返回空值才能生效
  e.returnValue = '';
});

方案2：尽早移除meta标签 #

如果能在iframe页面加载的最早期注入脚本（比如父页面的onload触发前），可直接定位并删除refresh标签：

// 在iframe内部执行的脚本
const refreshMeta = document.querySelector('meta[http-equiv="refresh"]');
if (refreshMeta) {
  refreshMeta.remove();
}

注意：必须在浏览器读取meta标签前执行此脚本，否则刷新指令已触发，操作无效。

方案3：用MutationObserver监听并移除标签 #

若无法提前注入脚本，可通过MutationObserver监听iframe的head区域，一旦refresh meta标签出现立即移除：

// 父页面中操作目标iframe
const iframe = document.getElementById('your-iframe-id');
iframe.addEventListener('load', () => {
  const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes) {
        mutation.addedNodes.forEach((node) => {
          if (node.tagName === 'META' && node.getAttribute('http-equiv') === 'refresh') {
            node.remove();
            observer.disconnect(); // 移除后停止监听
          }
        });
      }
    });
  });

  // 监听iframe头部的DOM变化
  observer.observe(iframe.contentDocument.head, {
    childList: true,
    subtree: true
  });
});

方案4：绕过iframe，直接渲染过滤后的内容 #

如果上述方法均无效，可通过AJAX/fetch获取目标页面内容，过滤refresh标签后渲染到页面容器，替代iframe：

fetch('subst_001.htm') // 替换为目标页面的实际URL
  .then(response => response.text())
  .then(html => {
    // 正则过滤refresh meta标签
    const cleanedHtml = html.replace(/<meta[^>]*http-equiv="refresh"[^>]*>/gi, '');
    // 将处理后的内容渲染到指定容器
    document.getElementById('content-container').innerHTML = cleanedHtml;
  })
  .catch(err => console.error('内容获取失败:', err));

注意：此方法受同源策略限制，跨域场景需后端代理或CORS支持。

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