[JavaScript - USE - HTML] 자바스크립트를 이용한 script 태그 동적 추가 (dynamic append HTML 'script' tags using javaScript)

안녕하세요 <script> 태그를 추가할때 동적 으로 추가 하는 방법 중 하나를 소개하고자 합니다.

JS - USE 포스팅에선 단순하게 코드 위주로 포스팅 하려고 하기 때문에

간단 설명과 

코드 첨부 합니다.

다음 Post 서비스를 cdn 으로 동적 추가 하는 코드 

var daumPostcdnURL = "http://dmaps.daum.net/map_js_init/postcode.v2.js?autoload=false";
		var daumPostCDNScript  = document.createElement('script');
		daumPostCDNScript.setAttribute('src',daumPostcdnURL);
		daumPostCDNScript.onload = function(){
				console.warn('daumPostCDN Script Load Success');
		}
		document.body.insertBefore(daumPostCDNScript,document.body.firstChild);

간단 설명 

1. cdn URL을 설정

 

2. document.createElement 를 통하여 스크립트 생성 

3. setAttribute 를 통하여 src에 해당 url지정

4. 로딩 확인을 위해 onload 콜백 실행 

5. document.body.insertBefore 를 통해 해당 스크립트를 바디 맨 앞에 추가