HTML 5 localStorageで簡単なWebページのスキンケアを実現

Webデザインでは、localStorageを使用してデータを格納し、ページにアクセスするたびに前回のlocalStorageデータ設定を自動的に呼び出すページスタイルの肌色を実現します.
注意localStorageのプロパティと方法を把握してください.
ストレージ値:localStorage.setItem(「キー値名」>「値」)
取得値:localStorage.getItem(「キー値名」)

    
    
    
    
    


    
    

      
      
      
    


    /*         locallStorage*/
    if(typeof localStorage === 'undefined'){
        alert("        localStorage");
    }else{
        alert("       localStorage")
    }

    function redSet(){
        document.getElementsByTagName('nav')[0].style.backgroundColor = "red";
        localStorage.setItem('Color','red');
    }
    function blueSet(){
        document.getElementsByTagName('nav')[0].style.backgroundColor = "blue";
        localStorage.setItem('Color','blue');
    }
    function greenSet(){
        document.getElementsByTagName('nav')[0].style.backgroundColor = "#096";
        localStorage.setItem('Color','#096');
    }
    function colorSet(){
        document.getElementsByTagName('nav')[0].style.backgroundColor = localStorage.getItem('Color');
    }