zoukankan      html  css  js  c++  java
  • 测试笔记:本地存储localstorage与sessionstorage

    最近测试的投票项目开发说用的是localstorage。查了下是h5的本地存储。还有个sessionstorage,区别在于sessonstorage关闭页面后清空,localstorage保留。

    以下代码保存为teststorage.html文档, 然后用浏览器打开,刷新。再关闭页面重新打开试一试。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>teststorage</title>
        <script>
            if(!localStorage.a)
                {localStorage.setItem("a",1);}
            else
                {localStorage.a = parseInt(localStorage.a) +1;}
            
            if(!sessionStorage.a)
                {sessionStorage.setItem("a", 1);}
            else
                {sessionStorage.a = parseInt(sessionStorage.a) +1;}
            
            document.write('localStorage.a = '+localStorage.a+'<br>');
            document.write('sessionStorage.a = '+sessionStorage.a+'<br>');
            document.write('关闭页面再打开试一下,看看区别')
            //localStorage.removeItem("a")
            
        </script>
    </head>
    <body>
        
    </body>
    </html>

    控制台操作localStorage:

  • 相关阅读:
    魅族--魅蓝metal
    小米2015.11.24 雷军:我所有的向往
    微软2015.10.4发布会
    创意app1
    奇怪的想法2
    奇怪想法1
    对不起,我爱你(悲剧,慎入)
    聊聊台式机1
    聊聊笔记本1--人生第一台笔记本
    聊聊路由器1
  • 原文地址:https://www.cnblogs.com/dinghanhua/p/9739323.html
Copyright © 2011-2022 走看看