Heim > Artikel > Web-Frontend > Der Unterschied zwischen Bildpfaden in CSS und Javascript
Als ich heute Code eingegeben habe, wollte ich eine Funktion zum Wechseln von Avataren schreiben, aber hier kommt das Problem: Der Avatar wird einfach nicht angezeigt. Plötzlich hatte ich eine Idee, dass die Art und Weise, Bildpfade in CSS und JavaScript zu schreiben, unterschiedlich ist. ? ?
Hmm... es ist so:
<div id="pic"> <p>开心吗</p> </div>
#pic{ background:url(../images/bg1.png); }
Wie auch immer,
(1) Bei JS-Skripten wird das HTML-Skript in die Seite geladen und zusammen analysiert (es ist dasselbe, als ob Ihr JS-Skript direkt auf dieser Seite geschrieben würde)
(2) Für CSS-Dateien wird nur ein Link bereitgestellt und dieser nicht in die HTML-Seite geladen. In diesem Beispiel sucht HTML beispielsweise anhand des Links nach der erforderlichen Bilddatei in der CSS-Datei.
Der Bilddateipfad von CSS ist relativ zu sich selbst, und der Bilddateipfad von JS ist relativ zu der Datei, in der er sich befindet.