Javascript 파일 경로가 올바르게 연결되지 않습니다.

Question

시간에 따라 main.js 폴더에서 다른 스타일 시트를 가져 오려고합니다. 그러나 콘솔에서 파일을 찾을 수 없음 오류가 계속 수신됩니다.

inspect 요소를 열 때. day.css 파일은 DOM에 있지만 콘솔에 파일을 찾을 수 없음 오류가 표시되고 파일 경로가 잘못되었습니다. 파일 :

브라우저는 경로로 보여줍니다 ///Users/myname/Documents/directory/foodclock/day.css

을하지만 그것이 있어야하는 것은 : 파일 : /// 사용자/MyName로

/Documents/directory/foodclock/css/day.css --- 이것은 ----이 문제를 해결하는 데

function getStylesheet() { 
var currentTime = new Date().getHours(); 
if (0 <= currentTime&&currentTime < 5) { 
document.write("<link rel='stylesheet' href='night.css' type='text/css'>"); 
} 
if (5 <= currentTime&&currentTime < 11) { 
document.write("<link rel='stylesheet' href='morning.css' type='text/css'>"); 
} 
if (11 <= currentTime&&currentTime < 16) { 
document.write("<link rel='stylesheet' href='day.css' type='text/css'>"); 
} 
if (16 <= currentTime&&currentTime < 22) { 
document.write("<link rel='stylesheet' href='evening.css' type='text/css'>"); 
} 
if (22 <= currentTime&&currentTime <= 24) { 
document.write("<link rel='stylesheet' href='night.css' type='text/css'>"); 
} 
} 

getStylesheet(); 

어떤 제안을 내 자바 스크립트 코드? 미리 감사드립니다.

Answer 1

모든 "href"요소에 "css /"를 추가하십시오. 이처럼 다음 CSS 스타일 시트는 다른 디렉토리에 존재하기 때문에

function getStylesheet() { 
var currentTime = new Date().getHours(); 
if (0 <= currentTime&&currentTime < 5) { 
document.write("<link rel='stylesheet' href='css/night.css' type='text/css'>"); 
} 
if (5 <= currentTime&&currentTime < 11) { 
document.write("<link rel='stylesheet' href='css/morning.css' type='text/css'>"); 
} 
if (11 <= currentTime&&currentTime < 16) { 
document.write("<link rel='stylesheet' href='css/day.css' type='text/css'>"); 
} 
if (16 <= currentTime&&currentTime < 22) { 
document.write("<link rel='stylesheet' href='css/evening.css' type='text/css'>"); 
} 
if (22 <= currentTime&&currentTime <= 24) { 
document.write("<link rel='stylesheet' href='css/night.css' type='text/css'>"); 
} 
} 

getStylesheet(); 

Answer 2

당신은 모든 HREF 링크 앞에/CSS를 지정해야 css

function getStylesheet() { 
var currentTime = new Date().getHours(); 
if (0 <= currentTime&&currentTime < 5) { 
document.write("<link rel='stylesheet' href='css/night.css' type='text/css'>"); 
} 
if (5 <= currentTime&&currentTime < 11) { 
document.write("<link rel='stylesheet' href='css/morning.css' type='text/css'>"); 
} 
if (11 <= currentTime&&currentTime < 16) { 
document.write("<link rel='stylesheet' href='css/day.css' type='text/css'>"); 
} 
if (16 <= currentTime&&currentTime < 22) { 
document.write("<link rel='stylesheet' href='css/evening.css' type='text/css'>"); 
} 
if (22 <= currentTime&&currentTime <= 24) { 
document.write("<link rel='stylesheet' href='css/night.css' type='text/css'>"); 
} 
} 

getStylesheet();