CSSとJavaScriptの画像パスの違い

今日コードを入力していたとき、アバターを切り替える関数を書きたかったのですが、問題が発生しました。アバターが表示されませんでした。ふと思ったのですが、もしかしてCSSとJavaScriptでは画像パスの書き方が違うのでしょうか？ ? ?

うーん...これは次のようなものです:

ルートディレクトリに新しい「images」ファイルを作成し、その中に2つの写真bg1.pngとbg2.pngを入れます

ルートディレクトリに2つの新しいフォルダーを作成します「style」と "script" は、使用される .css ファイルと .js ファイルを保存するために使用されます

index.html には

<div id="pic">
<p>开心吗</p>
</div>

が含まれます

pic の ID を持つタグの画像の背景を設定したい場合は、これを CSS ファイルに記述します。

#pic{ background:url(../images/bg1.png); }

js ファイルでは、パスは image/bg1.png として記述する必要があります

つまり、

(1) js スクリプトの場合、HTML スクリプトをページにロードして一緒に解析する必要があります (単に、 jsスクリプト このページに書いているのと同じです)

(2) cssファイルの場合は、リンクを提供するだけで、htmlページには読み込まれません。 たとえば、この例では、htmlは次に従ってcssファイルを検索します。必要な画像ファイルへのリンク。

css の画像ファイル パスはそれ自体に対する相対パスであり、js の画像ファイル パスはそれが配置されているファイルに対する相対パスです。