JQuery的html(data)方法与&lt;script&gt;脚本块的解决方法_jquery

来源：动视网责编：小采时间：2020-11-27 20:47:53

JQuery的html(data)方法与<script>脚本块的解决方法_jquery

JQuery的html(data)方法与<script>脚本块的解决方法_jquery:今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的块，但有时候，特别是在AJAX应用中，常常是需要保留HTML中的块的,比如局部更新含脚本的内容，此时切忌不要用html()来读写HTML，还是要老老实实用elem.innerHTML。今天因为这个问题

推荐度：

点击下载本文 文档为doc格式

导读JQuery的html(data)方法与<script>脚本块的解决方法_jquery:今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的块，但有时候，特别是在AJAX应用中，常常是需要保留HTML中的块的,比如局部更新含脚本的内容，此时切忌不要用html()来读写HTML，还是要老老实实用elem.innerHTML。今天因为这个问题

“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的块，但有时候，特别是在AJAX应用中，常常是需要保留HTML中的块的,比如局部更新含脚本的内容，此时切忌不要用html()来读写HTML，还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时，特此给大家提个醒。”

　　经过测试发现，新版本（1.3.2之后的，之前版本未考证过）的jQuery(...).html()方法已经不存在该问题（html()方法是一个读Dom元素数据的操作），但是当用html(data)方法写数据到Dom元素并且data参数中包含script脚本时，又出现了异常现象：在Firefox（我用的3.6）浏览器下执行上述操作，data参数里面的script脚本会自动运行，引起页面破相、异常等错误，比如我遇到的问题就是：在script中存在document.write方法时，在执行完html(data)操作后整个页面的原有的dom元素都消失了，只剩下document.write()方法的执行结果，引起了页面破相；具体原因待讨论，最后还是用elem.innerHTML=data这种方式解决了这个问题，特此标记。