### 前言 > 大家都知道這個地方都會有內存泄漏的時候，那么怎么做才是最好的。將src設置為 about:blank 。 ``` <iframe name="contentFrame" id="g_iframe" class="g-iframe" scrolling="auto" frameborder="0" src="about:blank" allowfullscreen="true"></iframe> ``` ### 問題 > 那么問題就來了，不使用src添加地址，怎么渲染數據了？使獲取 iframe dom window對象，進行渲染進去嗎？確實是這個思路。進行做了一些操作渲染方法 #### ~~【不能使用】使用 innerHTML~~ > 此方案不通，通過ajax請求，將dom都獲取到了，然后在插入 iframe里面： - 能夠將之前的內容替換掉 - 里面的添加的在當前html中腳本不執行（這個就是巨大問題了） ```js $.ajax({ url: 'xxxxxxxxxxx', success(html) { var doc = iframe.contentDocument || iframe.contentWindow.document; doc.documentElement.querySelector('body').innerHTML = html // doc.documentElement.innerHTML = html } }) ``` #### ~~【不能使用】使用 document.write()~~ > 此方案不通。缺點： - window對象中的 onload、onerror等事件都為null。造成jquery的 $(function () {}) - 如果在執行 document.write() 方法的話，之前的數據還是保留了下來。 ```js $.ajax({ url: 'xxxxxxxxxxx', success(html) { var doc = iframe.contentDocument || iframe.contentWindow.document; // doc.documentElement.body.write(html) doc.write(html) } }) ``` #### 【能使用】 使用 location.replace(url) > 此方案是能解決問題，但是不能使用 location.replace(true) 。缺點： - 每次都會進行加載新的dom，解決方案：（需要什么模塊，通過組頁面進行請求，然后在回調，掛在到子對象上。那么這樣得封裝下模塊請求方法了） ``` var doc = iframe.contentDocument || iframe.contentWindow.document; doc.location.replace(url) ``` - 在子頁面，最后做一個判斷是否是嵌入到當前的域名下的。