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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
JavaScript 继承使用分析
May 12 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
Bootstrop实现多级下拉菜单功能
Nov 24 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
javascript操作向表格中动态加载数据
Aug 27 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
Oct 09 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
载入进度条 效果
2006/07/08 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
Django返回json数据用法示例
2016/09/18 Python
Python处理CSV与List的转换方法
2018/04/19 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
Python list与NumPy array 区分详解
2019/11/06 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
JAVA和C++的区别
2013/10/06 面试题
化工工艺专业求职信
2013/09/22 职场文书
工商技校毕业生自荐信
2013/11/15 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
幼儿园感谢信
2015/01/21 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
会计出纳岗位职责
2015/03/31 职场文书
党支部培养考察意见
2015/06/02 职场文书
会计做账心得体会
2016/01/22 职场文书
用Python制作灯光秀短视频的思路详解
2021/04/13 Python