1 개요[ | ]
- How to include a javascript file in another javascript file
- JavaScript에서 js import
- 자바스크립트에서 자바스크립트 import
- 방법 1, 2는 callback 함수 내부에서만 제대로 이용할 수 있다.
- 별도의 문서로 불러오는 방식
- 방법 3은 callback 함수 필요없이, HTML에서 import하는 것과 동일하게 이용할 수 있다.
- 문서 자신의 헤드에 붙이는 방식
2 방법 1: JavaScript[ | ]
- import.php
html
Copy
<script>
function loadScript(url, callback) {
var script = document.createElement('script');
script.src = url;
script.onload = callback;
document.getElementsByTagName('head')[0].appendChild(script);
}
var myloaded = function() {
document.write(str); // hello 출력됨
}
loadScript('import_hello.js', myloaded);
</script>
- import_a.js
JavaScript
Copy
var str = 'hello';
3 방법 2: jQuery[ | ]
- import2.php
html
Copy
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.getScript("import_hello.js", function() {
document.write(str); // hello 출력됨
});
</script>
4 방법 3: jQuery 2[ | ]
html
Copy
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$('head').append('<script src=\'import_hello.js\'><\/script>');
document.write(str); // hello 출력됨
</script>
5 같이 보기[ | ]
6 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- JavaScript (13)
HTML textarea 자동 높이 조절 ― …JavaScript 랜덤 한글 ― JmnoteJavaScript 랜덤 한글 ― JmnoteJavaScript 랜덤 한글 ―Pinkcrimson
JavaScript 랜덤 한글 ― MywikierJavaScript 변수 ― Nathan on zetawikiJavaScript 변수 ― John JeongJavaScript 변수 ― SotoZeroClipboard 사용하기 ― LilisZeroClipboard 사용하기 ― Jmnote자바스크립트 HTML 테이블 행 추가/삭제 ― Pilming자바스크립트 HTML 테이블 행 추가/삭제 ― Jmnote자바스크립트 웹페이지 읽기 ― …