PhoneGap的Stroage存储数据的方式

最新推荐文章于 2022-12-30 16:06:15 发布

菜刀2008

最新推荐文章于 2022-12-30 16:06:15 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： PhoneGap的Stroage存储数据 PhoneGap开发 localStorage sessionStorage Storage存储数据

本文链接：https://blog.csdn.net/y_f123/article/details/42211739

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

本文介绍了PhoneGap中HTML5的localStorage和sessionStorage的使用方法。localStorage用于永久存储数据，即使用户关闭浏览器数据也会保留；sessionStorage则用于当前会话的数据存储，会话结束后数据会被清除。此外，还讲解了如何监听Storage事件以及检测设备在线状态。

摘要由CSDN通过智能技术生成

<html>
<head>
    <title>localStorage存储数据</title>
    <script type="text/javascript">
        //设置name对应的值
        localStorage.setItem("name", "刘备");
        //得到name对应的值
        var name = localStorage.getItem("name");
        //删除指定key为name的值
        localStorage.removeItem("name");
        //清空
        localStorage.clear();
    </script>
</head>
<body>
<div>
    localStorage作为HTML5本地存储Web Storage特性的API之一，主要作用是将数据保存在客户端中

    localStorage保存的数据，一般情况下是永久保存的。直到用户删除数据，数据的生命周期才会结束。
</div>
</body>
</html>

<html>
<head>
    <title>sessionStorage存储数据</title>
    <script type="text/javascript">
        //设置name对应的值
        sessionStorage.setItem("name", "刘备");
        //得到name对应的值
        var name = sessionStorage.getItem("name");
        //删除指定key为name的值
        sessionStorage.removeItem("name");
        //清空
        sessionStorage.clear();
    </script>
</head>
<body>
<div>
    sessionStorage作为HTML5本地存储Web Storage特性的API之一，主要作用是将数据保存在当前回话
</div>
</body>
</html>

<html>
<head>
    <title>监听Storage</title>
    <script type="text/javascript">
        window.onload = function() {
            window.addEventListener("storage", function(e) {
                console.log(e);
            }, true);

            localStorage.clear();
            localStorage.setItem("name", "刘备");
            localStorage.setItem("name", "曹操");
        }
    </script>
    <script type="text/javascript">
        if (window.navigator.onLine) {
            //在线
        } else {
            //离线
        }
    </script>
</head>
<body>

</body>
</html>