티스토리 뷰

웹프로그래밍/js

동적 스크립트 삽입

VoidNoble 공허공자 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
        })
    );
});
댓글
댓글쓰기 폼
Total
923,157
Today
43
Yesterday
196
«   2021/06   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
글 보관함