#学习笔记#(55)sessionStorage/localStorage

来源：互联网发布：中国社交网络排名编辑：程序博客网时间：2024/06/05 09:57

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>session获取和写入会话存储</title></head><body><div id="divVisits"></div><script>    /*    * sessionStorage.getItem('key');  或sessionStorage.key    * sessionStorage.setItem('key',value);设置参数值    * sessionStorage.removeItem('key');删除参数值    * sessionStorage.clear;清空所有数据，包括参数名和参数值    * sessionStorage.length;存储的参数键值对的个数    * */    function init() {        var divVisits = document.getElementById('divVisits');        if(window.sessionStorage){//检测浏览器是否支持sessionStorage            var visits;            if(sessionStorage.visits){//检测是否已经存储过visits                visits=parseInt(sessionStorage.getItem('visits'));                visits++;            }else{                visits=1;            }            sessionStorage.setItem('visits',visits);            divVisits.innerHTML='当前页面访问量：'+visits;        }else{            divVisits='浏览器不支持sessionStorage';        }    }    window.addEventListener('load',init,false);</script></body></html>

上例将session改成local，亦可保存数据，区别在于，sessionStorage的数据在浏览器关闭之后就失效，而localStorage的数据再打开依旧存在

0 0