html5中LocalStorage本地存储的示例

1 <script type="text/javascript">

2     //添加key-value 数据到 sessionStorage

3     sessionStorage.setItem("name", "怜白");

4     sessionStorage.setItem("job", "前端");

5 

6     //通过key来获取value

7     var name = sessionStorage.getItem("name");

8 

9     console.log(name); // 怜白

10     console.log(sessionStorage.length); // 2

11

12     // 通过key删除value

13     sessionStorage.removeItem("job");

14

15     console.log(sessionStorage.length); // 1

16

17     //清空所有的key-value数据。

18     sessionStorage.clear();

19

20     console.log(sessionStorage.length); // 0

21 </script>

<script type="text/javascript">

    //添加key-value 数据到 sessionStorage

    localStorage.setItem("name", "怜白");

    localStorage.setItem("job", "前端");

    //通过key来获取value

    var name = localStorage.getItem("name");

    console.log(name); // 怜白

    console.log(localStorage.length); // 2

    // 通过key删除value

    localStorage.removeItem("job");

    console.log(localStorage.length); // 1

    //清空所有的key-value数据。

    localStorage.clear();

    console.log(localStorage.length); // 0

</script>

<script type="text/javascript">

    // 设置name

    localStorage.name = "怜白"

    // 删除name

    delete localStorage.name

</script>