외부 JavaScript 파일의 상대 경로는 어떻게 작동하며 배포를 위한 모범 사례는 무엇입니까?

JavaScript 외부 파일의 상대 경로

HTML 문서 외부에 있는 JavaScript 파일에서 상대 경로를 사용하는 경우 경로는 다음을 기준으로 해석됩니다. JavaScript 파일의 위치가 아니라 스크립트가 포함된 HTML 페이지입니다.

이는 웹사이트 배포 시 문제가 될 수 있습니다. 경로가 올바르지 않을 수 있으므로 가상 디렉터리로 이동합니다. 이 문제를 해결하려면 가상 디렉터리 정보가 포함된 절대 경로를 사용할 수 있습니다.

또한 브라우저가 파일을 찾기 위해 파일 시스템을 탐색할 필요가 없으므로 성능상의 이유로 절대 경로를 사용하는 것이 좋습니다. .

가상 디렉터리용 솔루션

가상 디렉터리에 배포할 때 경로가 올바른지 확인하려면 디렉터리에는 가상 디렉터리 정보가 포함된 절대 경로를 사용합니다. 예를 들어 가상 디렉터리가 "mysite"이고 JavaScript 파일이 "Scripts" 폴더에 있는 경우 경로는 다음과 같습니다.

<script src="/mysite/Scripts/myjsfile.js"></script>

이렇게 하면 브라우저가 JavaScript 파일을 올바르게 찾을 수 있습니다. , 배포 위치에 관계없이

외부 JavaScript 파일의 경로

절대 또는 상대 경로가 사용되는 경우 외부 JavaScript 파일의 경로는 항상 스크립트가 포함된 HTML 페이지를 기준으로 합니다. 이는 웹사이트 루트로부터의 절대 경로를 나타내는 슬래시 "/"로 시작하는 경로의 경우에도 마찬가지입니다.

따라서 외부 JavaScript 파일을 포함할 때 일반적으로 상대 경로를 사용하는 것이 좋습니다. HTML 페이지의 위치를 ​​기반으로 하는 경로입니다. 이렇게 하면 웹사이트가 다른 위치나 도메인에 배포될 때 경로가 올바른지 확인할 수 있습니다.

추가 팁

변수를 사용하여 기본을 저장할 수도 있습니다.

var basePath = document.location.origin;

그런 다음 이 변수를 사용하여 이미지 및 기타 경로를 구성합니다. 리소스:

$(this).css("background", "url('" + basePath + "/Images/filters_expand.jpg')");

이 기술을 사용하면 코드의 이식성과 유지 관리가 더 쉬워집니다.

위 내용은 외부 JavaScript 파일의 상대 경로는 어떻게 작동하며 배포를 위한 모범 사례는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!