sessionStorage 会话存储

sessionStorage

●叫：会话存储
●也是把数据存到浏览器
●特点：只要一关页面，那么数据就没了
●除了这个特点以外，其他的跟 localStorage 都是一样的
●可以把它理解为是一个 短命版 的 localStorage
●它如果在当前页面里刷新了或跳转了，那么数据还在
○应用场景：可以做页面传值

自定义属性

● 标签，天生自带一些属性，这种属性称之为系统属性（自带属性、标准属性）

<a href="" target=""></a>

○像a标签的href和target就是它默认就有的属性，这种属性叫系统属性（自带属性、标准属性）

<a href=""  xxxx=""></a>

○像这样的 xxxx 属性，它原本是没有的，但是我们可以自己给它加，那么加的这种原本没有的属性就叫 自定义属性
● 自定义属性，在js中无法通过 点语法 直接操作的
● 在JS中如果要操作自定义属性，可以用如下方法
○元素.getAttribute
■获取属性
○元素.setAttribute
■设置属性
○元素.removeAttribute
■删除属性
● 例：代码如下：

        // 获取

        console.log( a.getAttribute('xx') ) // oo 

        // 设置

        a.setAttribute('xx', 'zz')

        // 也可以添加新的自定义属性

        a.setAttribute('test', '测试')

        // 删除

        a.removeAttribute('test')

● 在 h5 以前，没有形成标准的自定义属性写法规范，所以不容易让人分清哪些是标准属性，哪些是自定义属性
● 所以 h5 后，新增了一个规范，那就是写自定义属性，一定要前面加 data- 前缀
● 所以例如：你自定义属性叫xx，那么就要写 data-xx
● 如果是按 h5 标准写的自定义属性，那么就可以用 元素.dataset 来统一管理操作自定义属性

a.dataset.name

a.dataset.age

// 也可以修改

a.dataset.name  = '新的数据'