按照官网说法IE8及以上的版本均支持localStorage，但是笔者今天做了个小demo测试，出现了下面的问题：
代码：
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery-172minjs"></script>
<script type="text/javascript">
windowonload=function(){
if(windowlocalStorage){
alert("support");
}else{
alert("not support");
}
}
</script>
</head>
<body>
Test LocalStorage
</body>
</html>
但是通过html5test网站查询，发现当前使用的IE9版本是支持localStorage的
那么问题出在什么地方呢，通过查阅官方资料了解到：
IE9 doesn't support localStorage for local files
即IE9 localStorage不支持本地文件，那么笔者将刚刚的测试页面部署到TomCat服务器，再开启页面查看，果然可以了sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。
sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessionStorage是在同源的同窗口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时“独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的。
Web Storage带来的好处：减少网络流量：一旦数据保存在本地后，就可以避免再向服务器请求数据，因此减少不必要的数据请求，减少数据在浏览器和服务器间不必要地来回传递。快速显示数据：性能好，从本地读数据比通过网络从服务器获得数据快得多，本地数据可以即时获得。再加上网页本身也可以有缓存，因此整个页面和数据都在本地的话，可以立即显示。临时存储：很多时候数据只需要在用户浏览一组页面期间使用，关闭窗口后数据就可以丢弃了，这种情况使用sessionStorage非常方便。
浏览器本地存储与服务器端存储之间的区别其实数据既可以在浏览器本地存储，也可以在服务器端存储。
浏览器端可以保存一些数据，需要的时候直接从本地获取，sessionStorage、localStorage和cookie都由浏览器存储在本地的数据。
服务器端也可以保存所有用户的所有数据，但需要的时候浏览器要向服务器请求数据。1服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端。2服务器端也可以保存用户的临时会话数据。服务器端的session机制，如jsp的 session 对象，数据保存在服务器上。实现上，服务器和浏览器之间仅需传递session id即可，服务器根据session id找到对应用户的session对象。会话数据仅在一段时间内有效，这个时间就是server端设置的session有效期。
服务器端保存所有的用户的数据，所以服务器端的开销较大，而浏览器端保存则把不同用户需要的数据分布保存在用户各自的浏览器中。浏览器端一般只用来存储小数据，而服务器可以存储大数据或小数据。服务器存储数据安全一些，浏览器只适合存储一般数据。cookie本身是用于浏览器和服务器通讯，被借用来本地存储。
documentcookie 可以看当前页面的cookie
使用 documentcookie = " 123456 " 可以添加cookie，每次添加的内容都自动用分号；隔开，刷新页面不会清除cookie
特点：
HTML5专门为存储而设计，最大存5M
API简单易用setItem getItem
不会随着>共同点：都是保存在浏览器端，且同源的。
区别：cookie数据始终在同源的>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）