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");
    };
0
swink1733 17 Aug. 2015 im 07:36

2 Antworten

Sie können einige CSS zu Ihren Page1.html,page2.html und page3.html hinzufügen Verwenden Sie background-color wie

  background-color: #b0c4de;

Dies ist der einfachste Weg, da Sie drei verschiedene Seiten haben und einige verschiedene Daten enthalten. So einfach können Sie Farbe in body einfügen

Oder Sie können direkt auf den Text Ihres JS-Codes zugreifen

document.body.style.background = "Red";//Showing Red Color 

Oder

window.onload = changecolors;

Hoffe es wird funktionieren

0
Anand Dwivedi 17 Aug. 2015 im 04:43

Ändern Sie die JavaScript-Eigenschaft

document.body.style.background = "green";

Jetzt wird das funktionieren.

0
Sundar 17 Aug. 2015 im 04:40