会话存储和本地存储在行为上是相同的，除了一个是本地存储将存储数据，直到用户删除缓存和cookie，会话存储数据将保留在系统中，直到我们关闭会话i，直到我们关闭会话存储创建的窗口。

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

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.

会话存储和本地存储在行为上是相同的，除了一个是本地存储将存储数据，直到用户删除缓存和cookie，会话存储数据将保留在系统中，直到我们关闭会话i，直到我们关闭会话存储创建的窗口。

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

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

一旦浏览器的选项卡(会话)关闭，那么会话存储将在该选项卡上被清除，在本地存储的情况下，我们需要显式地清除它。最大存储限制分别为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

sessionStorage与localStorage相同，只是它只存储一个会话的数据，并且当用户关闭创建它的浏览器窗口时，它将被删除。

sessionStorage为每个给定的源维护一个单独的存储区域，该存储区域在页面会话期间可用(只要浏览器打开，包括页面重新加载和恢复)。 localStorage做同样的事情，但是即使浏览器关闭并重新打开，它仍然存在。

我从Web存储API中获得了这个