ホームページ  >  記事  >  ウェブフロントエンド  >  CSSとJavaScriptの画像パスの違い

CSSとJavaScriptの画像パスの違い

WBOY
WBOYオリジナル
2016-11-30 23:59:331183ブラウズ

今日コードを入力していたとき、アバターを切り替える関数を書きたかったのですが、問題が発生しました。アバターが表示されませんでした。ふと思ったのですが、もしかしてCSSとJavaScriptでは画像パスの書き方が違うのでしょうか? ? ? ... " と "script" は、使用される .css ファイルと .js ファイルを保存するために使用されます

index.html には

<div id="pic">
<p>开心吗</p>
</div>
が含まれます
    picのIDを使用してタグの画像の背景を設定したい場合は、CSSファイルに次のように記述します。
  1. りー
  2. jsファイルでは、パスはimages/bg1.pngとして記述する必要があります
  3. 要するに、
  4. (1) js スクリプトの場合、html はスクリプトをページにロードし、一緒に解析します (このページに直接 js スクリプトを記述するのと同じです)。
    (2) CSS ファイルの場合、リンクのみが提供され、HTML ページにはロードされません。たとえば、この例では、HTML はリンクに従って CSS ファイル内で必要な画像ファイルを探します。
  5. css の画像ファイル パスはそれ自体に対する相対パスであり、js の画像ファイル パスはそれが配置されているファイルに対する相対パスです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。