티스토리 뷰

웹프로그래밍/js

동적 스크립트 삽입

공허공자 2013. 2. 7. 10:29

Javascript 전통적 방식

function loadScript(url) {
  var headID = document.getElementsByTagName("head")[0];
  var newScript = document.createElement('script');
      newScript.type = 'text/javascript';
      newScript.src = url;       
  headID.appendChild(newScript);
}

window.load = function() {
    loadScript('/path/ex.js');
}

jQuery 방식

$(function() {
    $('head').append(
        $(document.createElement('script')).attr({
            'type': 'text/javascript',
            'src' : url
        })
    );
});

추가: jQuery 방식으로 CSS Link 삽입도 동일

$(function() {
    $('head').append(
        $(document.createElement('link')).attr({
            'type': 'text/css',
            'rel' : 'stylesheet',
            'href' : url
        })
    );
});
댓글