load js css

µ¿ÀûÀ¸·Î javascript¿Í cssÆÄÀÏÀ» ·ÎµùÇØ º»´Ù.

loadJsCssFile ÇÔ¼ö´Â css¿Í jsÆÄÀÏÀ» ·ÎµùÇÑ´Ù.
callJs ÇÔ¼ö´Â javascript ·ÎµùÀÌ ¿Ï·áµÇ¸é callback ÇÔ¼ö°¡ È£ÃâµÈ´Ù.
function loadJsCssFile(filename, filetype){
    let fileref;
    if (filetype == 'js'){ //if filename is a external JavaScript file
        fileref = document.createElement('script');
        fileref.setAttribute('type', 'text/javascript');
        fileref.setAttribute('src', filename);
    }
    else if (filetype == 'css') { //if filename is an external CSS file
        fileref = document.createElement('link');
        fileref.setAttribute('rel', 'stylesheet')
        fileref.setAttribute('type', 'text/css');
        fileref.setAttribute('href', filename);
    }
    
    if (fileref != 'undefined')
        document.getElementsByTagName('head')[0].appendChild(fileref);
}

function callJs(file, callback) {
    let script = document.getElementsByTagName('script')[0];
    let newjs = document.createElement('script');
    
    newjs.onload = function() {
        callback();
    };
    
    newjs.src = file;
    //script.parentNode.insertBefore(newjs. script);
    script.parentNode.appendChild(newjs);
}

»ç¿ë ¿¹
loadJsCssFile('mycss.css', 'css');
loadJsCssFile('myjs.js', 'js');
callJs('myApp.js', function() {
    mainApp.init();
});

loadJsCssFile ÇÔ¼ö·Î Js ÆÄÀÏÀ» ·ÎµùÇÏ´Â °æ¿ì´Â ¾Æ·¡¿Í °°ÀÌ ¿ÀºêÁ§Æ®°¡ ·ÎµùÀÌ Àß µÇ¾ú´ÂÁö üũÇÑ´Ù.

if(typeof myJs != 'undefined')

var addKeyEvent = function(e) {
    if(e.key === 'Enter') {
        if(typeof myJs != 'undefined') {
            myJs.init();
        }
    }
}

document.addEventListener("keydown", addKeyEvent);

´Ù¿î·Îµå:
load_js_css.html
myApp.js
mycss.css
myjs.js

load_js_css.zip

ÂüÁ¶)
Load Javascript

µ¿ÀûÀ¸·Î js, css ·Îµù Çϱâ
http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml