js——本地存储
Posted 高圈圈
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js——本地存储相关的知识，希望对你有一定的参考价值。
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——本地存储的主要内容，如果未能解决你的问题，请参考以下文章