其他几点可能有助于理解本地存储和会话存储之间的区别

Both local storage and session storage are scoped to document origin, so https://mydomain.example/ http://mydomain.example/ https://mydomain.example:8080/ All of the above URL's will not share the same storage. (Notice path of the web page does not affect the web storage) Session storage is different even for the document with same origin policy open in different tabs, so same web page open in two different tabs cannot share the same session storage. Both local and session storage are also scoped by browser vendors. So storage data saved by IE cannot be read by Chrome or FF.

localStorage和sessionStorage都扩展了Storage。除了sessionStorage的“非持久性”之外，它们之间没有任何区别。

也就是说，存储在localStorage中的数据将一直存在，直到显式删除为止。所做的更改将被保存，并可用于当前和将来对站点的所有访问。

对于sessionStorage，更改仅适用于每个选项卡。所做的更改将被保存，并可用于该选项卡中的当前页面，直到关闭该选项卡为止。一旦关闭，存储的数据就会被删除。

其他几点可能有助于理解本地存储和会话存储之间的区别

Both local storage and session storage are scoped to document origin, so https://mydomain.example/ http://mydomain.example/ https://mydomain.example:8080/ All of the above URL's will not share the same storage. (Notice path of the web page does not affect the web storage) Session storage is different even for the document with same origin policy open in different tabs, so same web page open in two different tabs cannot share the same session storage. Both local and session storage are also scoped by browser vendors. So storage data saved by IE cannot be read by Chrome or FF.

localStorage和sessionStorage之间的主要区别是sessionStorage每个选项卡都是唯一的。如果关闭选项卡，sessionStorage将被删除，而localStorage不会。你也不能在标签之间通信:)

另一个微妙的区别是，例如在Safari(8.0.3)上，localStorage限制为2551 k字符，而sessionStorage有无限的存储空间

在Chrome (v43)中，localStorage和sessionStorage都被限制在5101 k个字符(正常/隐身模式没有区别)

在Firefox上，localStorage和sessionStorage都被限制为5120 k字符(正常模式和私有模式之间没有区别)

速度没有任何差异:)

移动Safari和移动Chrome也有一个问题，私人模式Safari和Chrome的最大空间为0KB

本地存储:保存没有过期日期的用户信息数据，当用户关闭浏览器窗口时，这些数据不会被删除，它将在天，周，月和年可用。

//Set the value in a local storage object
localStorage.setItem('name', myName);

//Get the value from storage object
localStorage.getItem('name');

//Delete the value from local storage object
localStorage.removeItem(name);//Delete specifice obeject from local storege
localStorage.clear();//Delete all from local storege

会话存储:它与本地存储日期相同，只是当web用户关闭浏览器窗口时，它会删除所有窗口。

//set the value to a object in session storege
sessionStorage.myNameInSession = "Krishna";

阅读更多点击

晚回答，但觉得在这里补充了一些观点。

会话存储将可用于特定的选项卡，因为我们可以通过浏览器使用本地存储。两者默认都是同源的，我们也可以手动用键、值对存储值(值必须是字符串)。

一旦浏览器的选项卡(会话)关闭，那么会话存储将在该选项卡上被清除，在本地存储的情况下，我们需要显式地清除它。最大存储限制分别为5MB和10MB。

我们可以像下面这样保存和检索数据，

保存:

sessionStorage.setItem('id', noOfClicks);   // localStorage.setItem('id', noOfClicks);

sessionStorage.setItem('userDetails', JSON.stringify(userDetails));   // if it's object

得到:

sessionStorage.getItem('id');    // localStorage.getItem('id');

User user = JSON.parse(sessionStorage.getItem("userDetails")) as User;  // if it's object

修改:

sessionStorage.removeItem('id');    // localStorage.removeItem('id');

sessionStorage.clear();   // localStorage.clear();

p.s.: getItem()也返回数据作为字符串，我们需要将其转换为JSON格式来访问如果它是对象。

你可以阅读更多关于浏览器存储在这里。

localStorage, sessionStorage和cookie的区别 localstorage-vs-sessionstorage