html js파일 불러오는 방법?

Question

html에서 script태그 안에 js코드를 넣어서 다른 폴더에 있는 js파일을 불러오게 하려면 어떻게 해야하나요?

만약 지금이 2월달이라면 ../js/sc.js를 불러오게 하고 싶습니다

Answer 1

아래와 같은 형식으로 사용 가능합니다.

var date = new Date(); var now = date.getMonth()+1; if(now == 2){ var jq = document.createElement('script'); jq.src = "https://...해당 JS 주소.js"; document.getElementsByTagName('head')[0].appendChild(jq); }

Answer 2

<script>

const d = new Date();

let src;

switch(d.getMonth() + 1){

case 1 : src= "../js/sc.js"; break;

// ... 추가 월 설정

};

const script = document.createElement("script");

script.src = src;

script.async = true;

document.body.appendChild(script);

</script>

이런식으로 동적로드를 할 수 있을것 같네요.

되도록 body 최하단에 위치하는 것을 추천합니다.

Answer 3

크게 두 가지 방법이 있습니다.

1. eval을 사용하는 방법

function loadScript(src) { file_get_contents(src, function callback (content) { eval(content); // 또는 (new Function(content))(); 등 }); }

단, 이 방법은 CORS 관련 문제로 사용하지 못하는 경우가 있습니다.

1. document.createElement

function loadScript(src) { var el = document.createElement('script'); el.src = src; document.getElementsByTagName('body')[0].insertBefore(el, null); }

단, 이 방법은 에러 핸들링이 안 됩니다.