7. 本地存储Storage

<input type="button" value="设置" />
<input type="button" value="获取" />
<input type="button" value="删除" />
<input type="text" />

 var aInput = document.getElementsByTagName(‘input‘);

    for (var i = 0;i < aInput.length; i++) {
        aInput[i].onclick = function() {
            if (this.checked) {
                window.localStorage.setItem(‘sel‘, this.value);
            }
            else{
                window.localStorage.setItem(‘onSel‘, this.value);
            }
        };
    }


    window.addEventListener(‘storage‘, function(ev) {  //当前页面的事件不会触发（触发的事件不会在当前页面发生，在共享的页面触发）
        if (ev.key == ‘sel‘) {
            for(var i=0;i<aInput.length;i++){
                if (ev.newValue == aInput[i].value) {
                    aInput[i].checked = true;
                }
            }
        } else if (ev.key == ‘onSel‘) {
            for(var i=0; i < aInput.length; i++){
                if (ev.newValue == aInput[i].value) {
                    aInput[i].checked = false;
                }
            }
        }
    },false);