如何動態加載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>