[JS] JS 일괄로드

// test.html <script src="fzoolib.js"></script> <script> // 두개의 js 로드 완료후 init 함수 실행 loadJsStart('strutil.js',init,'utils.js'); function init() { alert('init'); } </script>

// fzoolib.js /*********************************************** * loadjs(변수)에 정의된 js들을 일괄적으로 로드 * 로드 완료되면 completed 함수 호출 * example <script src="fzoolib.js"></script> <script> loadJsStart('strutil.js',init,'utils.js'); function init() { log( setThousandFormat(calcDistance(37.3693451,127.119556,37.3688867,127.118693)) + "m / " + setThousandFormat(calcDist(37.3693451,127.119556,37.3688867,127.118693)) + "m" ); } </script> ***********************************************/ // 로드할 JS var loadjs = []; //로드할 JS파일 리스트 var idx = 0; var completed; // 로드 완료 되면 실행할 함수 //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= // functions //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= /** * JS 일괄 로드 시작 * 파라미터값이 스트링이면서 마지막 값이 ".js" 경우 js 파일로 판단해서 로드 리스트에 추가 설정 * 파라미터값이 함수일경우 완료 함수로 설정 */ function loadJsStart(args) { var arg; for (var i=0; i<arguments.length; i++) { arg = arguments[i]; if (typeof arg == "function") completed = arg; else if (typeof arg == "string" && arg.lastIndexOf('.js') > -1) loadjs.push(arg); } loadJs(loadjs[idx],looping); } function loadJs(url, callback) { console.log('loadJs ' + url); var script = document.createElement('script'); script.src = url; script.onload = callback; document.getElementsByTagName('head')[0].appendChild(script); } function looping() { console.log('looping'); if (idx < loadjs.length-1) { idx++; loadJs(loadjs[idx],looping); } else { console.log('completed'); completed(); } }