码迷,mamicode.com
首页 > Web开发 > 详细

js——本地存储

时间:2018-06-25 21:49:29      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:删除   src   als   --   ons   alert   api接口   item   har   

1. cookie 容量小:4k,在同源的http请求时携带传输,占用带宽,有日期限制

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript">
        //写cookie
        $.cookie(‘mycookie‘,‘ok‘,{expires:7,path:‘/‘});
        //读cookie
        var val = $.cookie(‘mycookie‘);

        alert(val)
    </script>
</head>
<body>

</body>
</html>

2. localStorage 容量更大:5M,不会再请求时携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        <!--写入数据-->
        localStorage.setItem(‘kid‘,‘beautiful!‘);
        //读取数据
        alert(localStorage.kid);
    </script>
</head>
<body>

</body>
</html>

3. sessionStorage 容量>=5M,不会在请求时携带传递,在同源的当前窗口关闭前有效。 

技术分享图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        <!--写入数据-->
        sessionStorage.setItem(‘pwd‘,‘111‘);
        //读取数据
        alert(sessionStorage.pwd);
    </script>
</head>
<body>

</body>
</html>

 

  localStorage 和 sessionStorage 合称Web Storage,支持事件通知机制,可以将数据更新的通知监听者,Web Storage的api接口使用更方便。

  iPhone的无痕浏览不支持Web Storage,只能用cookie

 

js——本地存储

标签:删除   src   als   --   ons   alert   api接口   item   har   

原文地址:https://www.cnblogs.com/gaoquanquan/p/9226297.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!