외부 자바스크립트

외부 JavaScript 파일



우리는 외부 JavaScript 파일을 생성하여 많은 html 페이지에 포함할 수 있습니다.

단일 JavaScript 파일을 여러 html 페이지에서 사용할 수 있으므로 코드 재사용성을 제공합니다.

외부 JavaScript 파일은 .js 확장자로 저장해야 합니다. 모든 JavaScript 파일을 단일 파일에 포함하는 것이 좋습니다. 웹 페이지의 속도를 높입니다.

경고 대화 상자에 'Hello JavaScript'를 출력하는 외부 JavaScript 파일을 만들어 봅시다.

message.js




function msg(){  
 alert("Hello JavaScript");  
}  


JavaScript 파일을 html 페이지에 포함시켜 봅시다. 버튼 클릭 시 JavaScript 함수를 호출합니다.

index.html




<html>  
<head>  
<script type="text/javascript" src="message.js"></script>  
</head>  
<body>  
<p>Welcome to JavaScript</p>  
<form>  
<input type="button" value="click" onclick="msg()"/>  
</form>  
</body>  
</html> 


외부 JavaScript의 장점



사용자가 외부 JavaScript를 생성하면 다음과 같은 이점이 있습니다.
  • 둘 이상의 HTML 파일에서 코드를 재사용할 수 있습니다.
  • 쉬운 코드 가독성을 제공합니다.
  • 웹 브라우저가 외부 js 파일을 캐싱하므로 페이지 로딩 시간이 더욱 단축되므로 시간 효율적입니다.
  • 이를 통해 웹 디자이너와 코더 모두 코드 충돌 없이 html 및 js 파일을 병렬 및 개별적으로 작업할 수 있습니다.
  • Js 파일의 위치만 지정하면 되므로 코드 길이가 줄어듭니다.

  • 외부 JavaScript 사용의 단점



    외부 파일에는 다음과 같은 단점이 있습니다.
  • 스틸러는 js 파일의 URL을 사용하여 코더의 코드를 다운로드할 수 있습니다.
  • 두 개의 js 파일이 서로 종속되어 있는 경우 한 파일의 오류가 다른 종속 파일의 실행에 영향을 줄 수 있습니다.
  • 웹 브라우저는 js 코드를 가져오기 위해 추가 http 요청을 만들어야 합니다.
  • js 코드의 작은 변화에서 큰 변화로 인해 모든 종속 파일에서 예기치 않은 결과가 발생할 수 있습니다.
  • 일반적으로 생성되는 외부 javascript 파일에 의존하는 각 파일을 확인해야 합니다.
  • 코드가 몇 줄이면 내부 자바스크립트 코드를 구현하는 것이 좋습니다.

  • *## Source Code
    *

    좋은 웹페이지 즐겨찾기