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


Posted in Javascript onMarch 09, 2010

“今天才注意到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这种方式解决了这个问题,特此标记。

Javascript 相关文章推荐
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
IE浏览器不支持getElementsByClassName的解决方法
Aug 27 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
利用node.js制作命令行工具方法教程(一)
Jun 22 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
Jquery替换已存在于element上的event的方法
Mar 09 #Javascript
JQery jstree 大数据量问题解决方法
Mar 09 #Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 #Javascript
js 无提示关闭浏览器页面的代码
Mar 09 #Javascript
JS 无法通过W3C验证的处理方法
Mar 09 #Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 #Javascript
javascript 简单抽屉效果的实现代码
Mar 09 #Javascript
You might like
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Python实现的数据结构与算法之链表详解
2015/04/22 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
使用tensorflow实现AlexNet
2017/11/20 Python
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
Python的条件锁与事件共享详解
2019/09/12 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
《母亲的恩情》教学反思
2014/02/13 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
民间借贷借条如何写
2015/05/26 职场文书
关于童年的读书笔记
2015/06/26 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server