JavaScript 与浏览器存储

JavaScript提供了两种存储数据的方式：LocalStorage和SessionStorage。这两种方式都是浏览器提供的客户端存储解决方案，可以将数据保存在用户的浏览器中，供网站使用。

LocalStorage和SessionStorage的区别在于数据的作用域和生命周期。

LocalStorage是一种持久性的存储方式，数据会一直保存在用户的浏览器中，即使关闭浏览器或者重新启动电脑，数据依然存在。LocalStorage的作用域是当前的域名，不同的域名之间的LocalStorage数据是互相独立的。可以通过window.localStorage对象访问LocalStorage。

使用LocalStorage很简单，只需要使用setItem()方法将数据保存到LocalStorage中，使用getItem()方法获取数据，使用removeItem()方法删除数据。例如：

// 保存数据到LocalStorage window.localStorage.setItem('name', 'John');

// 获取LocalStorage中的数据 var name = window.localStorage.getItem('name');

// 删除LocalStorage中的数据 window.localStorage.removeItem('name');

SessionStorage与LocalStorage类似，也是一种客户端存储方式，但是SessionStorage的生命周期是会话级别。当用户关闭浏览器窗口时，SessionStorage中的数据就会被清除。同样，SessionStorage的作用域也是当前的域名，不同的域名之间的SessionStorage数据是互相独立的。可以通过window.sessionStorage对象访问SessionStorage。

使用SessionStorage的方法与LocalStorage类似，例如：

// 保存数据到SessionStorage window.sessionStorage.setItem('name', 'John');

// 获取SessionStorage中的数据 var name = window.sessionStorage.getItem('name');

// 删除SessionStorage中的数据 window.sessionStorage.removeItem('name');

总结一下，LocalStorage和SessionStorage是JavaScript与浏览器存储数据的两种方式。LocalStorage是一种持久性的存储方式，数据会一直保存在用户的浏览器中；而SessionStorage的生命周期是会话级别，当用户关闭浏览器窗口时数据会被清除。使用这两种存储方式非常简单，只需要使用setItem()方法保存数据，getItem()方法获取数据，removeItem()方法删除数据。