" 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다."/> " 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다.">
스크립트 태그에는 참조된 자바스크립트 파일이 포함되어야 합니다. 스크립트 태그의 src 속성을 사용하여 "" 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
JavaScript 파일 인용
CSS 파일과 마찬가지로 JavaScript 코드도 별도의 파일에 저장되어 JavaScript 스크립트의 재현 가능한 호출을 향상시킬 수 있습니다. JavaScript 파일은 모든 텍스트 편집기에서 열고 편집할 수 있는 텍스트 파일입니다. JavaScript 파일의 확장자는 js입니다.
<script> 태그는 JavaScript와 같은 클라이언트측 스크립트를 정의하는 데 사용됩니다. </script>
<script> 요소는 스크립트 문을 포함하거나 "src" 속성을 통해 외부 스크립트 파일을 가리킬 수 있습니다. </script>
JavaScript 파일을 도입할 때 <script> 태그의 src 속성을 통해 JavaScript 파일의 URL(Uniform Resource Locator)을 지정하면 됩니다. </script>
예:
새 텍스트 파일을 만들고 test.js로 저장하고 파일에 공개 함수를 작성합니다. 이 함수는 문자열의 길이를 반환하는 것입니다
//公共函数:计算字符串的实际长度 function strlen(str){ var len;//声明临时变量,存储字符串的实际长度 var i;//声明循环变量 len = 0;//初始化临时变量len为0 for(i = 0; i < str.length; i++){//循环检测字符串中每个字符 if(str.charCodeAt(i) > 255)//如果当前字符为双字节字符,+2 len += 2; else //如果当前字符为单字节字符,+1 len++; } return len;//返回实际长度值 }
새 HTML 문서를 만들고 소개합니다. test.js.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 引入外部JavaScript文件 --> <script type="text/javascript" src="test.js" ></script> </head> <script> var str = "JavaScript编程语言"; document.write("<h2>" + str + "</h2>");//输出变量的值 document.write("<p>实际长度=" + strlen(str) + "字节</p>");//调用函数 </script> <body> </body> </html>
외부 JavaScript 파일을 사용하면 JavaScript 모듈식 개발 프로그램이 향상되고 코드 재사용이 향상될 수 있습니다. 웹 개발에서 사용자는 코드 재사용에 대한 좋은 습관을 길러야 합니다. JavaScript 코드를 작성할 때 외부 JavaScript 파일을 더 자주 사용하면 프로젝트 개발 속도와 효율성을 높일 수 있습니다.
관련 권장 사항: javascript 학습 튜토리얼
위 내용은 참조된 자바스크립트 파일이 스크립트 태그에 포함되어야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!