首页 > 代码库 > PhoneGap的Stroage存储数据的方式

PhoneGap的Stroage存储数据的方式

<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>

 

PhoneGap的Stroage存储数据的方式