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>