jQuery使你的网页设计更加成功

作者:课课家教育更新于： 2017-01-19 16:31:34

　　jQuery是一套跨浏览器的javaScript库，简化html与Javascript之间的操作。它是轻量级的js库，兼容css3，还兼容各种浏览器，那么在网页的动态脚本方面如果我们想加载一些动画效果那么我们就要借助一个代码的形式进行操作，那么在后台操作的时候我们又是如何完成一些执行的事项，那么我们来看看jQuery的用法。

　　一、jQuerygetScript()方法加载javascript

　　1、getScript函数非常的强大可以直接加载外部的一些js文件从而实现了跨域数据处理了，当加载完成后你可以在回调函数里执行后续操作。在利用JavaScript的脚本上的方法是这样实行。

　　jQuery。getscript（“/路径/myscript.js”功能（数据、状态、jqxhr）{/*

　　做一些加载完成后需要执行的事情

　　*/}）；

　　2、当然，这里主要讲的就是getScript方法，这个方法是$.ajax的高级方法，就像$.post,$.get一样是封装好的ajax特殊用法。getScript可以这么用：

　　翻译代码：

     jQuery。getscript（“/路径/myscript.js”）

　　做（function(){。

　　/*耶，没有问题，这里可以干点什么*/

　　}）

　　（function(){失败。

　　/**/靠，马上执行挽救操作

　　}）；

　　3、这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时，动态的加载js就是一个比较好的方法，当需要某个功能时再将相应的js加载进来。，而且在加载完成时执行它。

　　翻译代码：

　　jQuery。getscript（jQueryJS。饼干。”）

　　做（function(){。

　　jQuery。饼干（“cookie_name”、“价值”，{7}到期：）；

　　}）；

　　二、缓存问题

　　4、你需要设置全局缓存变量，像下面这样：这里的回调函数会传入返回的JavaScript文件。这通常不怎么有用，因为那时脚本已经运行了。载入的脚本在全局环境中执行，因此能够引用其他变量，并使用jQuery.getScript防止它被缓存。

　　代码：

　　jquery.ajaxsetup（{

　　高速缓存：true

　　}）；

　　jquery.ajax（{

　　“jquery.cookie.js”，网址：

　　datatype：“脚本”

　　高速缓存：true

　　.done｝（）函数（）{

　　jquery.cookie（“_cookie的名称”、“值”）}，{到期：7）；

　　}）；

　　总结:正如她的特点一样，优点很明显，那就是异步请求，在页面快速载入基本js脚本之后，然后分段依次载入脚本，当然这是假设情况。我们熟悉的QQ空间就是利用这样的原理，一步一步的部署运行环境的，能够减少客户端的压力，并且页面的呈现不会因为js庞大而戛然而止或者止步不前。最主要的是重视在脚本的导入中处理好缓存问题。