JavaScript 외부 파일의 상대 경로 JavaScript에서 외부 파일의 상대 경로는 경로가 같은 디렉터리이거나 다른 디렉터리입니다. 페이지 태그에서 해당 파일 내에 지정된 경로는 페이지 디렉토리를 기준으로 합니다. 예를 들어 제공된 폴더 구조에서 이미지 filter_expand.jpg의 경로는 myjsfile.js 파일의 ../Images/filters_expand.jpg여야 합니다.</p> <p><strong>JavaScript 파일 기준</strong></p> <p>단, 이미지 경로가 자바스크립트 파일과 다른 디렉터리에 지정되어 있는 경우에는 ../../[이미지 경로]. 이는 JavaScript 파일이 이미지 폴더와 동일한 디렉터리에 없기 때문입니다.</p> <p><strong>해결책</strong></p> <p>추천 해결 방법은 루트 경로를 저장하는 전역 변수를 생성하는 것입니다. 웹 애플리케이션의. 이 변수는 페이지 디렉토리에 대한 경로를 반환하는 함수를 사용하여 할당할 수 있습니다. 예:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var rootPath = function() { var scripts = document.getElementsByTagName("script"); var currentScript = scripts[scripts.length - 1]; return currentScript.src.substring(0, currentScript.src.lastIndexOf("/") + 1); }();</pre><div class="contentsignin">로그인 후 복사</div></div> <p>루트 경로가 있으면 이를 사용하여 이미지나 CSS 파일과 같은 다른 리소스에 대한 상대 경로를 구성할 수 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$("#toggle").click(function() { if (left.width() > 0) { AnimateNav(left, right, 0); $(this).css("background", "url('"+ rootPath +"Images/filters_expand.jpg')"); } else { AnimateNav(left, right, 170); $(this).css("background", "url('"+ rootPath +"Images/filters_collapse.jpg')"); } });</pre><div class="contentsignin">로그인 후 복사</div></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
