localStorage

以前：我们在页面上操作一些，一刷新没有了。现在本地储存，刷新还是操作后的样子

• 本地储存：本地指浏览器，储存指浏览器可以储存数据

  方法
  localStorage

localStorage.setItem(键，值)；
// 存储 设在存上一条数据
// 后面的值 前面可以放入任何数据类型，保存后为字符串
// 注意： 如果存储的是对象之类的复杂类型，需要先把复杂类型转换为JSON格式的字符串，再存进去，因为本地存储只能存储字符串

localStorage.getItem(键)
// 读取数据
// 返回值：就是我们存入的的数据的值（字符串形式）
如果不存在的数据，则返回null

localStorage.removeItem(键)

localStorage.clear() ;  全部清空

sessionStorage

• 与localStorage区别是浏览器关闭会清除
• localStrorage存储量比较大，存储量比较小

location

是window对象属性，也是document对象属性

属性

• 返回页面的URL：location.href

location.href 等价 window.location.href
需要：加协议才会更改跳转，否者将直接加到url尾部

• 返回URL#号后(包括#)字符串：location.hash

例如页面定位中的锚定位

• 返回URL中服务器名称与端口号：location.host
• 返回URL中服务器名称：location.hostname
• 返回URL中端口：location.post
• 返回URL中目录：location.pathname
• 返回协议：location.protocol
• 返回URL查询字符串(从?开始)：location.search

方法

• 不生成新的URL,直接更改: location.replace（url）

导致不可以回退，没有历史记录

• 重新加载当前页面：location.reload()

location.reload()；从浏览器缓存中刷新
location.reload(true) 从服务器中刷新

history

方法

• history.back():回到历史记录的上一步

相当于使用了history.go(-1)

• history.forwark():回到历史记录的下一步

相当于使用了history.go(1)

• history.go(n)
• pushState(stateobj,标题，url)

状态对象的序列化表示施加了640k个字符的大小限制

• replaceState(stateobj,标题，url)