참조된 자바스크립트 파일이 스크립트 태그에 포함되어야 합니까?-JS 튜토리얼-php.cn

참조된 자바스크립트 파일이 스크립트 태그에 포함되어야 합니까?

WBOY

풀어 주다： 2022-04-06 11:48:09

원래의

3898명이 탐색했습니다.

스크립트 태그에는 참조된 자바스크립트 파일이 포함되어야 합니다. 스크립트 태그의 src 속성을 사용하여 "" 구문으로 외부 JavaScript 파일에 대한 경로를 지정합니다.

참조된 자바스크립트 파일이 스크립트 태그에 포함되어야 합니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript 파일을 인용할 때 스크립트 태그를 포함할지 여부

JavaScript 파일 인용

CSS 파일과 마찬가지로 JavaScript 코드도 별도의 파일에 저장되어 JavaScript 스크립트의 재현 가능한 호출을 향상시킬 수 있습니다. JavaScript 파일은 모든 텍스트 편집기에서 열고 편집할 수 있는 텍스트 파일입니다. JavaScript 파일의 확장자는 js입니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!