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 $.get 的妙用 访问本地文本文件
Jul 12 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
Angular ElementRef简介及其使用
Oct 01 Javascript
在layui tab控件中载入外部html页面的方法
Sep 04 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 09 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
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中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
[05:49]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS 选手采访
2021/03/11 DOTA
Python序列之list和tuple常用方法以及注意事项
2015/01/09 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
Python打印输出数组中全部元素
2018/03/13 Python
Django 静态文件配置过程详解
2019/07/23 Python
Django学习之文件上传与下载
2019/10/06 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
《阳光》教学反思
2014/02/23 职场文书
幼儿园小班评语
2014/04/18 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
代理词怎么写
2015/05/25 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
建筑工程挂靠协议书
2016/03/23 职场文书
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers