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获取QueryString的方法小结
Feb 28 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
javascript中的取反再取反~~没有意义
Apr 06 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
详解使用React进行组件库开发
Feb 06 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制作静态网站的模板框架(四)
2006/10/09 PHP
apache php模块整合操作指南
2012/11/16 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
javascript跨域刷新实现代码
2011/01/01 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
2017/02/28 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
Angular HMR(热模块替换)功能实现方法
2018/04/04 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
解析JS在获取当前月的最后一天遇到的坑
2019/08/30 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
python采集百度百科的方法
2015/06/05 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
装修五一活动策划案
2014/01/23 职场文书
会计自我鉴定
2014/02/04 职场文书
2014小学数学教师个人工作总结
2014/12/18 职场文书
母亲节寄语大全
2015/02/27 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python
Html5获取用户当前位置的几种方式
2022/01/18 HTML / CSS
python创建字典及相关管理操作
2022/04/13 Python