HTML5学习(4) 数据的存储(localStorage,sessionStorage)

来源：互联网发布：安卓电路设计软件编辑：程序博客网时间：2024/06/05 05:48

<!DOCTYPE HTML><body>    <input id="input_1" type="text"/><button onclick="SetLocal()">设local值</button><button onclick="GetLocal()">取local值</button><br>    <input id="input_2" type="text"/><button onclick="SetSession()">设session值</button><button onclick="GetSession()">取session值</button><br>    <script type="text/javascript">    <!--localStorage可以保存很长很长时间,关闭浏览器依然存在-->    function SetLocal()    {        localStorage.value = document.getElementById("input_1").value;    }    function GetLocal()    {        if (localStorage.count)        {            localStorage.count=Number(localStorage.count) +1;        }        else        {            localStorage.count=1;        }        alert("localStorage:  count=" +  localStorage.count + "    values=" +localStorage.value);    }    <!--sessionStorage针对session(当前页面),关闭浏览器后无效-->    function SetSession()    {        sessionStorage.value= document.getElementById("input_2").value;    }    function GetSession()    {        if(sessionStorage.count)        {            sessionStorage.count = Number(sessionStorage.count) +1;        }        else            sessionStorage.count = 1;        alert("sessionStorage:  count=" +  sessionStorage.count + "    values=" +sessionStorage.value);    }    </script></body>

运用JS进行存储.