^{<noscript id="wjnhp"></noscript>}

JQuery的html(data)方法與&lt;script&gt;腳本塊的解決方法

2019-11-21 00:41:20

字體：大中小

供稿：網(wǎng)友

“今天才注意到j(luò)Query(...).html()方法返回的HTML會過濾掉所有的<script>塊，但有時候，特別是在AJAX應(yīng)用中，常常是需要保留HTML中的<script>塊的,比如局部更新含腳本的內(nèi)容，此時切忌不要用html()來讀寫HTML，還是要老老實實用elem.innerHTML。今天因為這個問題浪費了1個小時，特此給大家提個醒。”

　　經(jīng)過測試發(fā)現(xiàn)，新版本（1.3.2之后的，之前版本未考證過）的jQuery(...).html()方法已經(jīng)不存在該問題（html()方法是一個讀Dom元素數(shù)據(jù)的操作），但是當(dāng)用html(data)方法寫數(shù)據(jù)到Dom元素并且data參數(shù)中包含script腳本時，又出現(xiàn)了異常現(xiàn)象：在Firefox（我用的3.6）瀏覽器下執(zhí)行上述操作，data參數(shù)里面的script腳本會自動運行，引起頁面破相、異常等錯誤，比如我遇到的問題就是：在script中存在document.write方法時，在執(zhí)行完html(data)操作后整個頁面的原有的dom元素都消失了，只剩下document.write()方法的執(zhí)行結(jié)果，引起了頁面破相；具體原因待討論，最后還是用elem.innerHTML=data這種方式解決了這個問題，特此標(biāo)記。

上一篇：javascript 事件查詢綜合推薦收藏

下一篇：Jquery替換已存在于element上的event的方法