HTML5学习笔记之 localStorage和sessionStorage
2011-04-22 09:04
357 查看
二者都是本地存储所以不会给服务器额外的性能消耗
localStorage本地存储,localStorage是不受时间限制的,不像cookies它可以储存大数据,而对于不同的站点,存放的数据都在不同的area,在该站点也只能访问本area的localStorage数据
<script type="text/javascript">
function storage(){
if(Number(localStorage.pageCount)){
localStorage.pageCount=Number(localStorage.pageCount) +1;
}
else{
localStorage.pageCount=1;
}
document.write(localStorage.pageCount);
}
window.addEventListener("load",storage,true);
</script>
sessionStorage会话存储
<script type="text/javascript">
function storage(){
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");
}
window.addEventListener("load",storage,true);
</script>
都是类似的,很简单,过去一些服务器和cookies在做的给分离了出来,并得到了强化
localStorage本地存储,localStorage是不受时间限制的,不像cookies它可以储存大数据,而对于不同的站点,存放的数据都在不同的area,在该站点也只能访问本area的localStorage数据
<script type="text/javascript">
function storage(){
if(Number(localStorage.pageCount)){
localStorage.pageCount=Number(localStorage.pageCount) +1;
}
else{
localStorage.pageCount=1;
}
document.write(localStorage.pageCount);
}
window.addEventListener("load",storage,true);
</script>
sessionStorage会话存储
<script type="text/javascript">
function storage(){
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");
}
window.addEventListener("load",storage,true);
</script>
都是类似的,很简单,过去一些服务器和cookies在做的给分离了出来,并得到了强化
相关文章推荐
- HTML5学习笔记之客户端存储数据方法:localStorage(),sessionStorage()
- HTML5学习笔记之 localStorage和sessionStorage
- 学习html5本地存储localStorage,sessionStorage
- HTML5学习(4) 数据的存储(localStorage,sessionStorage)
- html5学习笔记(1)
- HTML5学习笔记之viewport
- 【HTML5/CSS3学习笔记】掷骰子游戏
- HTML5学习笔记之Video视频简单用法
- HTMl5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- HTML5——存储(cookie、localStorage、sessionStorage)
- Html5 学习笔记
- html5学习笔记2-最简单的页面布局
- HTML5学习笔记简明版(10):废弃的元素和属性
- html5学习渐阶笔记---样式,链接,表格
- 关于HTML5的学习笔记1
- HTML5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- HTML5学习笔记
- HTMl5的sessionStorage和localStorage