当前位置:   article > 正文

原生JS与Jquery删除iframe并释放内存(IE)_销毁iframe内容

销毁iframe内容

原生JS与Jquery删除iframe并释放内存-IE

当项目以tab页签方式打开多个iframe窗口时,关闭tab页签同时也需要关闭iframe并释放内存资源,主要是针对IE浏览器。

原生js

Demo地址:https://gist.github.com/Guoye/aa2338b0e7337644c858f7cb2660af8d

/** 
* 销毁iframe,释放iframe所占用的内存。 
* @param iframe 需要销毁的iframe id 
*/
function destroyIframe(iframeID){ 
    var iframe = document.getElementById(iframeID);
    
    //把iframe指向空白页面,这样可以释放大部分内存。 
    iframe.src = 'about:blank'; 
    
    try{ 
        iframe.contentWindow.document.write(''); 
        iframe.contentWindow.document.clear(); 
    }catch(e){} 
    
    //把iframe从页面移除 
    iframe.parentNode.removeChild(iframe); 

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19

Jquery写法

function destroyIframe(iframeID){ 
    var iframe = $('#' + iframeID).prop('contentWindow');
    
    $('#' + iframeID).attr('src', 'about:blank');
    
    try{ 
        iframe.document.write(''); 
        iframe.document.clear(); 
    }catch(e){} 
    
    //把iframe从页面移除 
    $('#' + iframeID).remove(); 
    
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/148106
推荐阅读
  

闽ICP备14008679号