[ js ] 스크립트 동적 생성하기

- 스크립트는 동적으로 추가하여 실행하는 경우 async와 같이 비동기로 실행됨.

- 즉, 스크립트가 추가가 되는 즉시 다운로드를 시작하며, 다운로드가 완료되면 바로 실행함.

- 아래와 같이 "js.async=false"를 주는 경우에 스크립트는 문서에 추가된 순서대로 실행하게 됨.

 

let js = document.createElement( "script" );
js.src = "async-script.js";
js.async = false;                // 문서에 추가된 순서대로 실행해야 하는 경우 사용.
document.body.append(script);    // body에 <script src="async-script.js"></script> 추가.