µ¿ÀûÀ¸·Î 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 |