发布于 2016-09-03 09:58:17 | 131 次阅读 | 评论: 1 | 来源: 网友投递

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

在使用Jquery的html(data)方法执行写数据到Dom元素时遇到一个问题：在data参数中包含script脚本块的时候，html(data)方法的执行结果与预期不符
“今天才注意到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这种方式解决了这个问题，特此标记。