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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
JavaScript DOM节点添加示例
Jul 16 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
JavaScript 浏览器对象模型BOM使用介绍
Apr 13 Javascript
详解js的六大数据类型
Dec 27 Javascript
Vue渲染函数详解
Sep 15 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
Vue单页及多页应用全局配置404页面实践记录
May 22 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 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
PHP中,文件上传
2006/12/06 PHP
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
php学习笔记之 函数声明
2011/06/09 PHP
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
动态调用css文件——jquery的应用
2007/02/20 Javascript
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
python字符串循环左移
2019/03/08 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Pyqt5自适应布局实例
2019/12/13 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
简单了解如何封装自己的Python包
2020/07/08 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
艺术设计专业个人求职信范文
2013/12/11 职场文书
个人授权委托书范本
2014/04/03 职场文书
最美乡村医生事迹材料
2014/06/02 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS
javascript实现计算器功能详解流程
2021/11/01 Javascript