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 ajax 同步异步的执行示例代码
Jun 23 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
深入浅出webpack之externals的使用
Dec 04 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
js+canvas实现刮刮奖功能
Sep 13 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 Mysql日期和时间函数集合
2007/11/16 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
js触发select onchange事件的小技巧
2014/08/05 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
BootStrap 导航条实例代码
2017/05/18 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦
2015/01/31 DOTA
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
python实现对求解最长回文子串的动态规划算法
2018/06/02 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python Django 创建应用过程图示详解
2019/07/29 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
上海天奕面试题笔试题
2015/04/19 面试题
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
给水排水工程专业毕业生推荐信
2013/10/28 职场文书
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
蔬菜基地的创业计划书
2014/01/06 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS