如何改變innerHTML關(guān)聯(lián)導(dǎo)致內(nèi)存無(wú)法釋放的問(wèn)題

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)如何改變innerHTML關(guān)聯(lián)導(dǎo)致內(nèi)存無(wú)法釋放的問(wèn)題，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

使用JavaScript進(jìn)行DOM操作的時(shí)候，視瀏覽器的情況，總會(huì)遇到些有趣的事情。這次描述的問(wèn)題和IE6和innerHTML關(guān)聯(lián)有關(guān)：細(xì)節(jié)記錄， ie6 對(duì)已刪除結(jié)點(diǎn)的innerHTML以及dom操作時(shí)會(huì)出現(xiàn)該刪除節(jié)點(diǎn)的內(nèi)存再也釋放不掉，而設(shè)置刪除節(jié)點(diǎn)的屬性以及 css 則沒(méi)有問(wèn)題。

經(jīng)常在 xhr 中回調(diào)處理結(jié)點(diǎn)的注意了，可能要處理的結(jié)點(diǎn)已經(jīng)刪除了。

測(cè)試代碼：

< div id="p">  < a id="c">   xx   < /a> < /div>   < script>  window.onload=function(){        var a=document.getElementById("c");    document.getElementById("p").innerHTML="";        //css，屬性沒(méi)有問(wèn)題    //a.style.width="1px";    //a.href="xx";        //設(shè)置innerHTML就有問(wèn)題了：改變了innerHTML關(guān)聯(lián)    a.innerHTML='yy';        //dom a 和 span 都無(wú)法釋放了    //a.appendChild(document.createElement("span"));        //a=null;      }   < /script>

正常情況下:

頁(yè)面執(zhí)行后 in-use 結(jié)點(diǎn) 6 個(gè) ，a 已經(jīng)釋放了

innerHTML關(guān)聯(lián)：

改變了已刪除結(jié)點(diǎn)的innerHTML in-use 結(jié)點(diǎn) 7 個(gè) ，a 無(wú)法釋放

上述就是小編為大家分享的如何改變innerHTML關(guān)聯(lián)導(dǎo)致內(nèi)存無(wú)法釋放的問(wèn)題了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。