清除iframe时的内存控制

最新推荐文章于 2026-05-05 12:54:05 发布

转载最新推荐文章于 2026-05-05 12:54:05 发布 · 1.2k 阅读

标签

#javascript #iframe #js

收录于

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种有效的方法来清理浏览器中iframe元素产生的内存泄漏问题。通过将iframe的src属性设置为'about:blank'并使用iframe.document.write('')来清除其内容，可以显著减少内存占用。此外，还提供了一个实用的JavaScript函数用于自动执行这一过程。

设置 iframe 的 src 为 'about:blank' 之后，不置为“about:blank”，内存不会释放掉。还必须用 iframe.document.write(''); 这样才能将内容清空，不过动态创建的iframe总会耗费掉一些内存。

function clearIframe(id) {
  var el = document.getElementById(id),
  iframe = el.contentWindow;
  if (el) {
    el.src = 'about:blank';
    try {
      iframe.document.write('');
      iframe.document.clear();
    } catch(e) {};
    //以上可以清除大部分的内存和文档节点记录数了 
    //最后删除掉这个 iframe 就哦咧。 
    document.body.removeChild(el);
  }
}