JavaScript 스크립트 파일을 가져오는 방법

웹페이지에서는 스크립트 태그를 사용하고 태그의 src 속성을 사용하여 JavaScript 스크립트 파일을 도입할 수 있습니다. 구문은 "

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

JavaScript 스크립트 파일은 JavaScript 코드를 포함하고 확장자가 ".js"인 외부 JavaScript 파일을 의미합니다.

JavaScript 스크립트 파일을 도입하려면 script 태그를 전달해야 합니다. 기본 구문 형식은 다음과 같습니다.

위 형식에서 src는 사용되는 script 태그의 속성입니다. 외부 스크립트 파일의 경로를 지정합니다. 다음과 같이 단축할 수 있는 type 속성을 생략할 수 있습니다.

외부 JavaScript 파일을 호출할 때 소개 태그를 작성할 필요 없이 JavaScript 스크립트 코드를 외부 JavaScript 파일에 직접 작성할 수 있다는 점에 유의해야 합니다. .

실제 개발 시 복잡한 로직을 포함하는 대량의 자바스크립트 코드를 작성해야 하는 경우에는 js 스크립트 파일을 도입하여 자바스크립트(외부 링크형)를 활용하는 것이 좋습니다. 임베디드에 비해 외부 링크의 장점은 다음 두 가지로 요약할 수 있습니다.

1) 추후 수정 및 유지 관리에 도움이 됩니다.

임베디드는 코드 수정 및 유지 관리를 사용하지 않고 HTML과 JavaScript 코드가 함께 혼합되도록 하며, 외부 링크 링크 공식은 코드의 세 부분인 HTML, CSS 및 JavaScript를 분리하여 나중에 수정 및 유지 관리를 용이하게 합니다.

2) 파일 크기를 줄이고 페이지 로딩 속도를 높입니다

Embedding은 HTML 페이지에 사용되는 모든 JavaScript 코드를 삽입하여 HTML 파일의 크기를 늘리고 웹 페이지 자체의 로딩 속도에 영향을 미치며, 외부 링크는 여러 번 사용해야 하는 JavaScript 스크립트 코드를 재사용하기 위해 브라우저 캐시를 활용하면 파일 크기가 줄어들 뿐만 아니라 페이지 로딩 속도도 빨라집니다. 예를 들어, 동일한 JavaScript 파일이 여러 페이지에 도입되면 브라우저는 첫 번째 페이지를 연 후 JavaScript 파일을 캐시합니다. 다음에 JavaScript 파일을 참조하는 다른 페이지를 열 때 브라우저는 JavaScript 파일을 다시 로드할 필요가 없습니다. .

【추천 학습: javascript 고급 튜토리얼】

위 내용은 JavaScript 스크립트 파일을 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!