js 파일에 js 파일 인클루드하는 효과내기

http://www.freeutil.net/board/study_languages_javascript/14793

[Javascript] js 파일에 js 파일 인클루드하는 효과내기
간단처리
document.write('<script type="text/javascript" src="/_prog/lightbox/js/prototype.js"><\/script>');

--------------------------------------------------------------------------------

포함될 js파일안에 다음 소스를 적어준다.

/*************prototype.js******************/
var script=document.createElement("script");
script.src = "/js/prototype.js";//포함시킬 js 파일 (경로가 존재하면 경로까지 작성)
document.getElementsByTagName("head")[0].appendChild(script);

/***********원리******************/
//해당 js파일이 포함된 html페이지의 head 안에 위의 js파일을 추가시키는 원리

 

--------------------------------------------------------------------------------

예)
javascript.js 파일

/*************prototype.js******************/
var script=document.createElement("script");
script.src = "prototype.js";//포함시킬 js 파일 (경로가 존재하면 경로까지 써줌)
document.getElementsByTagName("head")[0].appendChild(script);

prototype.js 파일
alert('test');

 

--------------------------------------------------------------------------------

자 이제 함수로 만들어 보자...

//다른 자바스크립트 파일 인클루드 시키기
var jsload = function(src){
 var src = src;
 return{
  insSrc:function(){
   var script = document.createElement('script'); 
   script.type = 'text/javascript'; 
   script.src = src;
   document.getElementsByTagName('head')[0].appendChild(script);
  }
 }
}();

//아래와 같은식으로 로드가 가능함
jsload.insSrc('/js/jquery.js');//jQuery load
jsload.insSrc('/_prog/lightbox/js/prototype.js');//prototype load