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 相关文章推荐
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
详谈for循环里面的break和continue语句
Jul 20 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
json前后端数据交互相关代码
Sep 19 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 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
图书管理程序(三)
2006/10/09 PHP
php 中的str_replace 函数总结
2007/04/27 PHP
php at(@)符号的用法简介
2009/07/11 PHP
关于PHP实现异步操作的研究
2013/02/03 PHP
编写安全 PHP应用程序的七个习惯深入分析
2013/06/08 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
2007/03/10 Javascript
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
AngularJS实现表单验证
2015/01/28 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
JS实现留言板功能
2017/06/17 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
vue slots 组件的组合/分发实例
2018/09/06 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
python2.7的编码问题与解决方法
2016/10/04 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
Python为何不能用可变对象作为默认参数的值
2019/07/01 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
matplotlib实现数据实时刷新的示例代码
2021/01/05 Python
C++是不是类型安全的
2014/02/18 面试题
医学毕业生自荐信
2013/10/11 职场文书
优秀演讲稿范文
2013/12/29 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
买房协议书范本
2014/10/23 职场文书
会计求职自荐信
2015/03/26 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
新郎新娘致辞
2015/07/31 职场文书
智慧人生:永远不需要向任何人解释你自己
2019/08/20 职场文书
SQL SERVER存储过程用法详解
2022/02/24 SQL Server