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扩展自写的 UI导航
Jan 13 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
javascript创建动态表单的方法
Jul 25 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
May 05 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
Node.js笔记之process模块解读
May 31 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
JS遍历树层级关系实现原理解析
Aug 31 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
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
详解webpack自动生成html页面
2017/06/29 Javascript
详解js类型判断
2018/05/22 Javascript
angularJs select绑定的model取不到值的解决方法
2018/10/08 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
Python判断两个对象相等的原理
2017/12/12 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
Python assert语句的简单使用示例
2019/07/28 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
Python解析微信dat文件的方法
2020/11/30 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
PHP如何与mysql建立链接
2013/05/05 面试题
关于毕业的广播稿
2014/01/10 职场文书
迟到检讨书1000字
2014/01/15 职场文书
学年末自我鉴定
2014/01/21 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
幼儿园开学通知
2015/04/24 职场文书
小学工作总结2015
2015/05/04 职场文书
英雄儿女观后感
2015/06/09 职场文书
2016年员工年度考核评语
2015/12/02 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers