So geben Sie drei verschiedenen Seiten eine andere Hintergrundfarbe

Ich habe drei einfache Seiten erstellt, um diese switch-Anweisung zu testen, die sich in einer separaten script.js-Datei befindet. Wenn ich mir den Code in den Chrome Developer Tools ansehe, wird im ersten Fall ein Fehler angezeigt. Im zweiten und dritten Fall gibt es keine Fehler. Der Fehler lautet: Nicht erfasst TypeError: Die Eigenschaft 'style' von null kann nicht gelesen werden.

Der Code führt die Warnung ("Homepage") auch zweimal auf der Homepage aus, und die Warnungen werden nur einmal auf den Seiten 2 und 3 ausgeführt. Die Farben ändern sich, aber im ersten Fall stimmt etwas nicht. Der Link zum Starten des Tests lautet: http://jspractice.wink1733.com Sobald ich dort bin, füge ich einfach hinzu URL, um zu den anderen Seiten zu gelangen. Vielen Dank, dass Sie mir geholfen haben - ich bin neu in Javascript.

    switch(window.location.href) 
    {
   case "http://jspractice.wink1733.com/" :
        alert("homepage");
        document.body.style.backgroundColor = "purple";
        break;
    case "http://jspractice.wink1733.com/pages/page2.html" :
        alert("page2");
        document.body.style.backgroundColor = "green";
        break;
    case "http://jspractice.wink1733.com/pages/page3.html" :
        alert("page3");
        document.body.style.backgroundColor = "red";
        break;
    default :
        alert("nothing there");
    };