localstorage实现网页状态记录比如放音乐功能的实例

 <div class="music">
     <a href="javascript:;" onclick="playPause();">
     <i class="icon-music open" num="1"></i>
     <i class="music-span"></i>
     <audio id="aud" src="__STATIC_HOME__/bgmusic.mp3"  loop="loop" autoplay="autoplay"></audio>
     <div class="music_text"></div>
     </a>
 </div>
 <script type="text/javascript">
     var myAudio = document.getElementById('aud');
      //播放音乐
     var storage = window.localStorage;
     var open = storage.getItem("open") || 1;
     if(open ==1 ){
         myAudio.play();
     }else{
         myAudio.pause();
     }
     function playPause(){
         if(myAudio.paused){
             myAudio.play();
             storage.setItem("open",1);
         }else{
             myAudio.pause();
             storage.setItem("open",0);
         }
     }
 </script>