JQuery的html(data)方法与<script>脚本块的解决方法
作者:bea
“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML,还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时,特此给大家提个醒。” 经过测试发现,新版本(1.3.2之后的,之前版本未考证过)的jQuery(...).html()方法
“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容,此时切忌不要用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这种方式解决了这个问题,特此标记。
有用 |
无用
经过测试发现,新版本(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这种方式解决了这个问题,特此标记。
猜你喜欢
您可能感兴趣的文章:
- JavaScript prototype对象的属性说明
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
- JS在IE和FireFox之间常用函数的区别小结
- javascript offsetX与layerX区别
- jQuery 点击图片跳转上一张或下一张功能的实现代码
- javascript 图片上一张下一张链接效果代码
- JQuery Ajax 跨域访问的解决方案
- javascript 不用reverse实现字符串反转的代码
- ExtJS 学习专题(一) 如何应用ExtJS(附实例)
- jquery 简单的进度条实现代码
- 精通JavaScript 纠正 cleanWhitespace函数
- javascript模拟滚动条实现代码
- Javascript 入门基础学习
- javascript showModalDialog,open取得父窗口的方法
- ExtJs3.0中Store添加 baseParams 的Bug
- js Date自定义函数 延迟脚本执行
- javascript select options 排序(保持option 对象完整性)
- js 蒙版进度条(结合图片)
- javascript 事件查询综合 推荐收藏