如何动态加载Js文件？

Question

我正在开发基于Ajax的网站，我正在使用PHP，Smarty & Jquery。对于js & CSS文件，我正在使用缓存功能。所以我需要在调用Ajax时通过运行时动态加载与功能相关的js文件。我不想以静态方式加载它们。任何提示将不胜感激。谢谢！

Answer 1

您可以使用jQuery的getScript加入的功能是这样的：

$.getScript("yourscript.js", function(){ 
    console.log("script loaded"); 
}); 

jQuery的文档：https://api.jquery.com/jquery.getscript/

Answer 2

<script type="application/javascript"> 
$(document).ready(function(){ 
    loadJS('your_file.js'); 
}); 
function loadJS(file) { 
    var jsElm = document.createElement("script"); 
    jsElm.type = "application/javascript"; 
    jsElm.src = file; 
    document.body.appendChild(jsElm); 
} 
</script>