var btn = document.getElementById('btn');     
       btn.onclick = function(){
           history.pushState({name:'haha'},'title','demo.html');
       }
       window.onpopstate = function(e){
           console.log(e.state);    // Object {name: "haha"}
       }

    // 设置
    document.querySelector('.set').onclick = function(){
        window.sessionStorage.setItem(this.parentNode.querySelector('.key').value,this.parentNode.querySelector('.val').value);
    }
    // 获取
    document.querySelector('.get').onclick = function(){
        this.parentNode.querySelector('.val').value = window.sessionStorage.getItem(this.parentNode.querySelector('.key').value);
    }
    // 删除
    document.querySelector('.remove').onclick = function(){
        window.sessionStorage.removeItem(this.parentNode.querySelector('.key').value);
    }
    // 清空
    document.querySelector('.clear').onclick = function(){
        window.sessionStorage.clear();
    }

CACHE MANIFEST

#通过改变活注释内容，达到缓存清单内容发生更改，进而重新缓存资源
# version 1.0.7

#指定需要在线访问的资源
NETWORK:

./js/main.js

#列出需要缓存的内容
CACHE:

./images/img1.jpg
./images/img2.jpg
./images/img3.jpg
./images/img4.jpg
./images/img5.jpg

#指定需要在线访问的资源
NETWORK:

./js/main1.js

# 当缓存的资源找不到的情况，会自动替换FALLBACK里的内容
# 如 ./online.html找不到了，则会替换成 ./offline.html
FALLBACK:

./css/online.css ./css/offline.css
./online.html ./offline.html