Wie man Hintergrundbild dynamisch abhängig von der URL ändert

Question

Ich versuche, dynamisch beim Seitenladen zu ändern, der Hintergrund abhängig davon, welche URL du bist. Aber es funktioniert nicht für mich.

var camera1 = "url1"; 
var camera2 = "url2"; 
var camera3 = "url3"; 
var currenturl = window.location; 
jQuery(function($) 
{ 
    if(camera1 == currenturl) 
    { 
    $(".breadcrumb-right").css("background", "url(url1.jpg) !important;"); 
    }  
    else if (camera2 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url2.jpg)"); 
    }  
    else if (camera3 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url3.jpg)"); 
    }  
}); 

Answer 1

Vielleicht können Sie Ihren Code verbessern so etwas wie dies zu tun:

const cameras = ['url1', 'url2', 'url3']; 
const currentUrl = window.location.href; 
const el = $(".breadcrumb-right"); 

if (cameras.includes(currentUrl)) { 
    el.css("background-image", `url(${currentUrl})`); 
} 

Answer 2

Seien Sie vorsichtig window.location gibt keine Zeichenfolge zurück. Stattdessen versuchen Sie nur
window.location.href für vollständige URL (zum Beispiel dieser Seite "How to change background image dynamically depending on the url")

oder

window.location.pathname für Pfad (zum Beispiel dieser Seite „/ Fragen/39369642/how-to-change-Hintergrund -Image-dinamycally-abhängig-on-url“)