前端存储机制 session、localStorage 使用方法

session

session会话：浏览器从打开某个网页的一个页面开始，直至关闭浏览器，整个过程称为“浏览器与WEB服务器的一次会话”

作用：在同一个会话中所有页面之间共享数据

使用：

sessionStorage[key]=val;    //保存一个数据
sessionStorage.setitem(key,val);    //保存一个数据
var val = sessionStorage['key'];     //读取一个数据
var val = sessionStorage.getitem('key');     //读取一个数据
sessionStorage.removeltem('key');     //删除一个数据
sessionStorage.length;      //数据个数
sessionStorage.key(i);  //获取第i个key

localStorage

本地存储对象（跨会话及存储）

在磁盘中存储用户数据，可供此次会话和后续会话的页面共同使用；即使浏览器关闭了也不会消失

使用：

localStorage[key]=val;  //保存一个数据
localStorage.setitem(key,val);  //保存一个数据
var val = localStorage['key'];   //读取一个数据
var val= localStorage.getitem('key');    //读取一个数据
localStorage.removeltem('key');   //删除一个数据
localStorage.length;        //数据个数
localStorage.key(i);    //获取第i个key

注意：

localStorage中若数据发生了修改，会触发事件window.onstorage事件，可以监听事件，实现监视localstorage数据改变目的，不能监视sessionStorage数据修改；

此外：欢迎各位学生、前端新人、大牛们加入Q群分享交流学习和工作中的问题，qq群：607864309；该群保证没有广告，不推荐课程，单纯的技术交流

前端存储机制 session、localStorage 使用方法相关推荐

Web存储机制—sessionStorage,localStorage使用方法
基本概念 Web Storage 包含两种机制: sessionStorage为每一个给定的源维持一个独立的存储区域,该区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复) lo ...
前端存储 (2) - sessionStorage ,localStorage
sessionStorage ,localStorage 存储目录定义生命周期语法存储大小注意点定义 sessionStorage ,localStorage 浏览器提供的api, 可以 ...
一周内自动登录php,利用php实现一周之内自动登录存储机制（cookie、session、localStorage）...
cookie.session.localStorage这三个应该是最让程序员头疼的了,我利用简单的登录界面的username和password来说明一下吧. 1.cookie用来存储用户相关数据,存储 ...
修改session的存储机制
<?php //修改session的存储机制 //最起码应该有一个读方法, 和一个写方法. //1, 我们先去建立读方法和写方法. //2, 告知session系统,使用我们的方法完 ...
[前端]本地存储搜索历史-localStorage
搜索框获取焦点后展示搜索历史,搜索历史记录可以存储在前端,如下图所示: 现在使用localStorage存储,可以打开开发者工具-Application-Local Storage(这里使用的是Chr ...
php中Session的生成机制、回收机制和存储机制探究
转载:http://www.jb51.net/article/53938.htm 这篇文章主要介绍了php中Session的生成机制.回收机制和存储机制探究,可以帮助大家对Session有一个全面的了 ...
localStorage存储数组以及取数组方法。
localStorage存储数组以及取数组方法. let weekArray = ['周一'.'周二'.'周三'.'周四'.'周五'] 存:localStorage.setItem('weekDay' ...
php session_id 生成规则,php中Session的生成机制、回收机制和存储机制探究
1.php中session的生成机制我们先来分析一下PHP中是怎么生成一个session的.设计出session的目的是保持每一个用户的各种状态来弥补HTTP协议的不足(无状态).我们现在有一个疑问 ...
java localstorage_前端存储除了 localStorage 还有啥
原标题:前端存储除了 localStorage 还有啥来自公众号: 全栈修仙之路前端的数据存储方式,你除了用过 Cookies.localStorage 和 sessionStorage 外,还有 ...

前端存储机制 session、localStorage 使用方法

session

localStorage

注意：

前端存储机制 session、localStorage 使用方法相关推荐

最新文章

热门文章