静态网页简单实现本地存储和会话存储

 在服务端没有连接数据库的时候，网页产生的数据可以通过本地存储（localstorage）和会话存储（sessionstorage）进行存储记录，而这两种的主要区别如下：

1. 存储容量：本地存储的容量比会话存储的容量更大。通常情况下，本地存储的容量是 5MB，而会话存储的容量则是 2.5MB。

2. 存储周期：本地存储的数据不会因为关闭浏览器或者电脑而被清除，它会一直存在于客户端，直到被手动删除。而会话存储的数据则只在当前会话有效，当用户关闭浏览器或者标签页时，会话存储的数据会被清除。

3. 存储方式：本地存储和会话存储的存储方式都是键值对（key-value）的形式。但是，本地存储是存储在本地硬盘上的，而会话存储是存储在浏览器内存中的。

4. 数据共享：本地存储的数据可以在同一域名下的不同页面共享，而会话存储的数据只能在同一页面内共享。

5. 数据访问：本地存储和会话存储都可以通过 JavaScript 的 API 进行访问和操作。

在进行数据访问地时候，常用的API主要有setItem（）和getItem（），其中，setItem的使用方法如下： 

//常用的主要是有下面两个功能
localStorage.setItem('存于本地内存的值的名称',所需要被存储的值的名称)
localStorage.getItem('存于本地内存的值的名称')
sessionStorage.setItem('存于本地内存的值的名称',所需要被存储的值的名称)
sessionStorage.getItem('存于本地内存的值的名称')

getItem主要用于从存储器里获取值，setItem主要是用于将值存储进入到存储器中，不过由于本地存储和会话存储中可存储量比较少，由于二者特性，通常将本地存储用于记录用户的习惯和喜好便于下次登录，回话存储通常用于记录临时表单数据等。