오늘 코드를 입력할 때 아바타를 전환하는 함수를 작성하고 싶었는데 문제는 아바타가 전혀 나타나지 않는다는 것입니다. 갑자기 아이디어가 떠올랐습니다. CSS와 JavaScript에서 이미지 경로를 작성하는 방법이 다를 수 있을까요? ? ? 두 개의 새 폴더 "style"과 "script"가 루트 디렉터리에 생성되어 사용된 .css 파일과 .js 파일을 저장합니다.
index.html에는
이 포함되어 있습니다.
- ID 사진으로 태그의 사진 배경을 설정하려면 CSS 파일에 다음을 작성하세요.
-
-
<div id="pic">
<p>开心吗</p>
</div>
로그인 후 복사
js 파일에서는 경로를 Images/bg1.png로 적어주어야 합니다
-
#pic{ background:url(../images/bg1.png); }
로그인 후 복사
어쨌든
-
(1) js 스크립트의 경우 html 스크립트가 페이지에 로드되어 함께 구문 분석됩니다(이 페이지에 js 스크립트를 직접 작성한 것과 같습니다).
(2) CSS 파일의 경우 링크만 제공하고 html 페이지에 로드하지는 않습니다. 예를 들어 이 예에서는 html이 링크에 따라 CSS 파일에서 필요한 이미지 파일을 찾습니다.
CSS의 이미지 파일 경로는 자신을 기준으로 하고, js의 이미지 파일 경로는 자신이 위치한 파일을 기준으로 합니다.