외부 JavaScript 파일에서 상대 경로는 어떻게 확인됩니까?

외부 Javascript 파일의 상대 경로

웹 애플리케이션에서 외부 Javascript 파일을 사용할 때 파일 경로가 어떻게 확인되는지 이해하는 것이 중요합니다.

경로는 외부 JS에 대해 표시되는 페이지를 기준으로 합니다. 파일

내장된 Javascript와 달리 외부 JS 파일에 지정된 경로는 JS 파일의 물리적 위치가 아닌 현재 표시되는 페이지를 기준으로 합니다. ASP.NET의 물결표(~) 연산자 작업에 익숙하다면 혼란스러울 수 있습니다.

예

다음 외부 JS 파일을 고려하세요.

$("#toggle").click(function() {
  if (left.width() > 0) {
    AnimateNav(left, right, 0);
    $(this).css("background", "url('../Images/filters_expand.jpg')");
  }
  else {
    AnimateNav(left, right, 170);
    $(this).css("background", "url('../Images/filters_collapse.jpg')");
  }
});

Index.aspx 페이지에서 이 JS 파일은 Index.aspx 페이지의 위치입니다. 따라서 Images 디렉터리가 Index.aspx 페이지에서 한 수준 위에 있으면 경로가 예상대로 작동합니다.

경로 해상도 확인

경로가 어떻게 해결될지 확실하지 않은 경우 간단한 JS 선언을 인쇄하여 기본 경로를 결정할 수 있습니다. 예:

console.log("Current page path:", document.location.pathname);

이렇게 하면 현재 페이지의 경로가 출력되며, 이를 상대 경로의 기반으로 사용할 수 있습니다.

위 내용은 외부 JavaScript 파일에서 상대 경로는 어떻게 확인됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!