동적으로 js 파일 추가하기

$(document).ready(function(){
    includeJs('/jquery.ui.touch-punch.min.js');
});
 
function includeJs(jsFilePath){
    var head = document.getElementsByTagName('head')[0];
    var js = document.createElement('script');
 
    js.type = 'text/javascript';
    js.src = jsFilePath;
 
    js.onreadystatechange = function(){
        if(this.readyState == 'complete' || this.redyState == 'loaded'){
            console.log("로드완료");
        }
        js.onload;
    }
 
    head.appendChild(js);
}

 

화면 로드 후 동적으로 js 파일을 추가해야 할 경우 위와같이 js 파일명과 경로만으로 동적 추가가 가능하다.