#### 1、問題描述 切換左邊導航，動態改變右邊的iframe的src屬性，來展示不同的頁面內容。當反復切換30次左右時候，IE11下發生白屏現象。 實現代碼如下： ``` //nav <div> <a href="switch('yyy.html')"></a> <a href="switch('zzz.html')"></a> </div> //iframe <div id='content'> <iframe id='iframeId' src='xxx.html'></iframe> <div>隱藏/顯示導航</div> </div> //js function switchUrl(url) { document.getElementById('iframeId').src = url; } ``` #### 2、問題原因 多次切換iframe引起IE內存泄漏。 #### 3、解決方案 多次切換iframe引起IE瀏覽器內存泄漏，最主要的原因是切換iframe的src后，IE瀏覽器都沒有將原來的iframe所占的內存釋放掉，反復切換導致內存不斷上漲，直到內存泄漏，瀏覽器白屏為止。所以，在沒次切換之前，應該將上一個iframe手動清除掉。 針對上面的代碼，只需動態創建iframe，然后修改switchUrl方法即可。 ``` function switch(url) { var frame = $('#iframeId'); if(frame && frame[0]) { frame[0].contentWindow.document.write(''); frame[0].contentWindow.close(); frame.remove(); } $('#content').html('<iframe src="' + url + '"></iframe>'); } ```