sessionStorage、localStorage：本地存储、本地会话

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

window.localStorage.clear()：删除全部存储的值

sessionStorage、localStorage：本地存储、本地会话

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.clear()：删除全部存储的值

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

sessionStorage、localStorage：本地存储、本地会话

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

window.localStorage.clear()：删除全部存储的值

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

window.onhashchange改变hash值时触发事件

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

window.onhashchange改变hash值时触发事件

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

window.onhashchange改变hash值时触发事件

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

window.onhashchange改变hash值时触发事件

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

window.onhashchange改变hash值时触发事件

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

历史管理

window.location.hash：网址的后面添加的# 字符串 旧方法
如：window.location.hash = num; 读取（会加1个#）、设置（会加1个#）

history.pushState（data，‘‘，网址后面加的字符串） 新方法 存储数据data，设置hash值（不包括#） 必须在服务器环境中，否则无效
参数1：存进历史管理的数据
参数2：标题；还未实现，直接用‘‘
参数3：可选参数，给网址后面加的字符串；给人网址变换的感觉；不添加时，网址不发生改变
网址时虚拟的，刷新时找不到页面

window.onpopstate ： 改变hash值时触发事件
event.state; 历史管理中，当前hash值对应的存储数据

window.onhashchange改变hash值时触发事件

原始js操作html元素

父级元素：
      元素.parentNode

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素