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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
js字符串转成JSON
Nov 07 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
vue实现按钮切换图片
Jan 20 Vue.js
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调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
Python使用贪婪算法解决问题
2019/10/22 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
数控技术应届生求职信
2013/11/13 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
如何写好自荐信
2014/04/07 职场文书
民间个人借款协议书
2014/09/30 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技