用jQuery动态加载js脚本文件的方法
它们很强大,但有时不值得使用,如果您使用jQuery,它有一个内置的方法,可以用来加载单个js文件。当需要延迟加载一些js插件或其他类型的文件时,可以使用此方法。下面是如何使用它的介绍!1、jQuery getscript()方法加载Javascript
JQuery has a built-in method to load a single JS file; when the load is completed, you can perform subsequent operations in the callback function.The most basic way to use jQuery.getscript is to do this:
复制代码代码如下所示:
jquery.getscript( / / / myscript路径。JS
*
在完成负荷后做一些需要做的事情。
* /
});
这getscript方法返回一个jqxhr,你可以如下使用它:
复制代码代码如下所示:
jquery.getscript( / / /路径myscript .js)
完成(函数(){())
是的,没问题,在这里你可以决定做什么。
})
失败(函数(){())
依赖,立即救援行动。
});
对jquery.getscript最常见的用途是延迟加载的js插件和执行时加载完成:
复制代码代码如下所示:
jquery.getscript(jQuery JS。饼干。)
完成(函数(){())
jquery.cookie(cookie_name
});
二、缓存问题
有一个非常重要的问题。当你使用jquery.getscript,你需要使用一个时间戳字符串按照JS地址需要负荷,防止它被缓存。然而,如果你想要的脚本被缓存,你需要设置全局缓存变量,如以下:
复制代码代码如下所示:
JQuery.ajaxSetup({
缓存:真
});
复制代码代码如下所示:
jquery.ajax({
URL
DataType:剧本
缓存:真
}。完成(函数(){)
jquery.cookie(cookie_name
});
在加载脚本时,一定要小心缓存!