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 相关文章推荐
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
JS截取字符串常用方法详细整理
Oct 28 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
React组件生命周期详解
Jul 03 Javascript
JavaScript 中使用 Generator的方法
Dec 29 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
前端学习——JavaScript原生实现购物车案例
Mar 31 Javascript
js实现上传图片到服务器
Apr 11 Javascript
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函数(简单整理)
2010/04/30 PHP
PHP 事务处理数据实现代码
2010/05/13 PHP
PHP对象Object的概念 介绍
2012/06/14 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
Yii2中datetime类的使用
2016/12/17 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
koa2实现登录注册功能的示例代码
2018/12/03 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
在Python中操作字典之clear()方法的使用
2015/05/21 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
岗位职责的定义
2013/11/10 职场文书
5s推行计划书
2014/05/06 职场文书
体检通知范文
2015/04/21 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android