참조된 자바스크립트 파일이 스크립트 태그에 포함되어야 합니까?
- WBOY원래의
- 2022-04-06 11:45:043868검색
스크립트 태그에는 참조된 자바스크립트 파일이 포함되어야 합니다. 스크립트 태그의 src 속성을 사용하여 "" 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
JavaScript 파일을 인용할 때 스크립트 태그를 포함할지 여부
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!