Javascript für Webspeicher Fehler verwenden

Unten ist der Code, den ich für meine Website habe ich versuche zu bauen. Ich gehe weiter über das JavaScript, um zu sehen, ob ich Fehler habe, aber nicht finde, wo ich falsch gelaufen bin. Ich versuche, Benutzern, die zu meiner Site kommen, eine Hintergrundfarbe aus einem Dropdown-Menü auszuwählen. Ich versuche auch, es so zu machen, dass, wenn Benutzer zu meiner Webseite zurückkehren, der Hintergrund immer noch derselbe ist wie bei der Verwendung von Webspeicher. Hier ist mein Code unten:Javascript für Webspeicher Fehler verwenden

Code:

<script type="text/javascript"> 

    function setBackground() 
    { 
     localstorage.bgColor = document.getElementById("Color_list").value; 
     document.body.style.backgroundColor = localStorage.bgColor; 
    } 

    function loadBackground() 
    { 
     if (localStorage.bgColor.length == 0) 
     { 
      localStorage.bgColor = "White"; 
     } 
     else 
     { 
      document.body.style.backgroundColor = localStorage.bgColor; 
      document.getElementById("Color_list").value = localStorage.bgColor; 
     } 

    } 
</script> 





<body onLoad="javascript: loadBackground();"> 

    <select id="Color_list"> 

     <option value="White">White</option> 
     <option value="Gray">Gray</option> 
     <option value="Orange">Orange</option> 
     <option value="Purple">Purple</option> 

    </select> 

    <input type="button" value="Set Background color" onClick="javascript: setBackground();" /> 
</body>

Quelle

2017-11-30 Nabid

Sie haben 2 Fehler in th

ist

local anstelle von localstorage innerhalb setBackground Methode

innerhalb loadBackground Methode tut dies

if (!localStorage.bgColor) 
{ 
    localStorage.bgColor = "White"; 
}

insead von

if (localStorage.bgColor.length == 0) 
    { 
     localStorage.bgColor = "White"; 
    }

Auch seine besseren setItem und getItem während des Zugriffs auf localStorage Krawatten

Quelle

2017-11-30 09:05:22

Können Sie Ihre Antwort erklären? Warum '! LocalStorage.bgColor' verwendet? – Nabid

Wenn Sie localStorage.bg nicht festgelegt haben, wird localStorage.bg.length einen Fehler ausgeben, wenn es versucht, auf die length -Eigenschaft eines obj zuzugreifen, das nicht vorhanden ist. Sie müssen also prüfen, ob eine Eigenschaft gesetzt ist oder nicht –

Warum ist 'localStorage.bgColor.length == 0' ein Fehler? – Nabid

Sie haben ein Typo, versuchen Sie mit dieser Änderung

localStorage.bgColor = document.getElementById("Color_list").value; //it was localstorage earlier

Quelle

2017-11-30 08:59:32 gurvinder372

Verwendung localStorage.setItem('bgColor ', document.getElementById("Color_list").value);

an Wert im lokalen Speicher gesetzt

Quelle

2017-11-30 09:00:11 laiju

Javascript für Webspeicher Fehler verwenden

Antwort

Verwandte Themen