CSS 에서 @import 처럼 js 파일 불러오기
requiers.js 안쓰고 JavaScript 로 DOM 생성하는 방법으로 js 파일을 찍어서 포함시킨다.
html <head>에 loader.js 만 불러오고, loader.js 가 hello.js 와 world.js 를 <head>에 찍어주는 형식
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TEST : JS Load JS</title>
</head>
<body>
<h1>TEST : JS Load JS </h1>
<script src="loader.js"></script>
</body>
</html>아래는 loader.js 소스
/**
* loader.js
*/
function load(files){
for (i=0; i< jsfiles.length; i++){
var src = document.createElement('script');
// src.setAttribute('type','text/javascript');
src.setAttribute('src', files[i]);
document.getElementsByTagName('body')[0].appendChild(src);
}
//console.log(document.getElementsByTagName('body')[0])
}
var jsfiles = [
'hello.js',
'world.js'
];
load(jsfiles);
반응형
'기술 > JavaScript' 카테고리의 다른 글
| 화살표 함수 Arrow Function (0) | 2021.01.15 |
|---|---|
| 자바스크립트 내부객체 Array 배열 (0) | 2019.10.10 |
| 자바스크립트 객체 사용 방법 (0) | 2019.10.10 |
| 자바스크립트 객체 종류 6가지 (0) | 2019.10.10 |
댓글