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

最新推荐文章于 2022-12-28 09:53:05 发布

Symbol

最新推荐文章于 2022-12-28 09:53:05 发布

阅读量454

点赞数

分类专栏： HTML5 文章标签：存储 html5 input function session 浏览器

本文链接：https://blog.csdn.net/wcf_szkingdom/article/details/7886799

版权

HTML5 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<body>
    <input id="input_1" type="text"/><button οnclick="SetLocal()">设local值</button><button οnclick="GetLocal()">取local值</button><br>
    <input id="input_2" type="text"/><button οnclick="SetSession()">设session值</button><button οnclick="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进行存储.