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 相关文章推荐
js常用函数 不错
Sep 08 Javascript
input的focus方法使用
Mar 13 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
Oct 23 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
微信小程序 导入图标实现过程详解
Oct 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可变函数的经典用法
2013/06/20 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
jQuery的ready方法详解
2014/11/27 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
解决vue scoped scss 无效的问题
2020/09/04 Javascript
python读取word文档的方法
2015/05/09 Python
Django返回json数据用法示例
2016/09/18 Python
使用python在本地电脑上快速处理数据
2017/06/22 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
解决方案设计综合面试题
2015/08/31 面试题
大门门卫岗位职责
2013/11/30 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
物业经理自我鉴定
2014/03/03 职场文书
大学生活自我评价
2014/04/09 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
老乡聚会通知
2015/04/23 职场文书
2015大学迎新标语
2015/07/16 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android