자바스크립트 파일에 대한 참조는 스크립트 태그에 포함되어야 합니다. 스크립트 태그의 src 속성을 사용하여 "<script type="text/javascript" src="file path"></script>" 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다.
VUE3.0을 빠르게 시작하는 방법:
이 튜토리얼의 운영 환경인 Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터로 들어갑니다.
과 마찬가지로
JavaScript 코드도 별도의 파일에 저장되어 JavaScript 스크립트의 재현성을 높일 수 있습니다. JavaScript 파일은 텍스트 편집기에서 열고 편집할 수 있는 텍스트 파일입니다. JavaScript 파일의 확장자는 js입니다.
<script> 태그는 JavaScript와 같은 클라이언트 측 스크립트를 정의하는 데 사용됩니다.
<script> 요소는 스크립트 문을 포함하거나 "src" 속성을 통해 외부 스크립트 파일을 가리킬 수 있습니다.
JavaScript 파일을 도입할 때 <script> 태그를 사용하면 태그의 src 속성을 통해 JavaScript 파일의 URL(Uniform Resource Locator)을 지정할 수 있습니다.
예:
새 텍스트 파일을 만들고, test.js로 저장하고, 파일에 공용 함수를 작성합니다. 함수는 문자열의 길이를 반환하는 것입니다.
//공용 함수: 문자열의 실제 길이를 계산합니다. 함수 strlen(str) {
var len;//문자열의 실제 길이를 저장할 임시 변수 선언 var i;//루프 변수 len = 0 선언;//임시 변수 len을 0으로 초기화
for(i = 0; i < str.length; i++){//문자열의 각 문자를 검색하는 루프 if(str.charCodeAt(i) > 255)//현재 문자가 2바이트 문자인 경우 + 2
렌 += 2;
else //현재 문자가 1바이트 문자이면 +1
렌++;
}
return len;//실제 길이 값을 반환} 새 HTML 문서를 만들고 test.js를 도입합니다.
<!DOCTYPE HTML>
<html>
<머리>
<meta charset="UTF-8">
<제목></제목>
<!--외부 JavaScript 파일 소개-->
<script type="text/javascript" src="test.js" ></script>
</head>
<스크립트>
var str = "자바스크립트 프로그래밍 언어";
document.write("<h2>" + str + "</h2>");//출력 변수의 값 document.write("<p>실제 길이=" + strlen(str) + "바이트</ p >");//함수 호출</script>
<본문>
</body>
</html> 
외부 JavaScript 파일을 사용하면 JavaScript 모듈식 개발 프로그램이 향상되고 코드 재사용이 향상될 수 있습니다. 웹 개발에서 사용자는 코드 재사용에 대한 좋은 습관을 길러야 합니다. JavaScript 코드를 작성할 때 더 많은 외부 JavaScript 파일을 사용하면 프로젝트 개발 속도와 효율성을 높일 수 있습니다.
관련 권장 사항: JavaScript 학습 튜토리얼
위는 인용 시 스크립트 태그에 JavaScript 파일을 포함할지 여부에 대한 세부 정보입니다.
