如果从软件开发存储 来分类的话 分为: 服务端存储和 客户端存储
服务端存储: 数据库 回话存储
cookie是将数据持久存储到客户端的一种技术
设置cookie
setcookie(var1,var2,var3)
参数:
var1 cookie的名称
var2 名称对应的值,可选参数
var3 cookie的有效时间
读取cookie
document.cookie
cookie: 如果没有设置有效期, 关闭浏览器就会消失. 如果设置了有效期到了有效期才会消失
存储大小: 4kb 左右
有效范围: 只能在自己的域名下有效
发送请求: 携带
使用方式: document.cookie = '键=值;Expires = '+ 有效期;
localStorage
有效期: 永久有效, 不去主动的删除 一直存在
存储大小: 20mb
有效范围: 只能在自己的域名下有效
发送请求: 不携带
使用方式:
window.localStorage
保存数据(key 要保存的键 value 要保存的值)
localStorage.setItem('key', 'value')
读取数据(key 要读取的数据)
var lastname = localStorage.getItem('key')
删除数据(key 要删除的数据)
localStorage.removeItem('key')
删除所有数据
localStorage.clear()
sessionStorage
有效期: 关闭浏览器就会消失
存储大小: 5mb左右
有效范围: 只能在自己的域名下有效 同一个页签下有效
发送请求: 不携带
使用方式:
window.sessionStorage
保存数据
sessionStorage.setItem('key','value)
读取数据:
sessionStorage.getitem('key')
删除指定键的数据
sessionStorage.removeItem('key')
删除所有数据
sessionStorage.clear()
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
sessionStorage 用于临时保存同一个窗口或者标签页的数据, 在窗口或者标签页关闭之后将会删除这些数据
localStorage：本地存储
用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。属性是只读的。localStorage 只支持 string 类型的存储，这里要特别说明一下 localStorage 的使用也是遵循同源策略的，所以不同的网站直接是不能共用相同的 localStorage。
使用范围: 百度-->换肤 淘宝的历史搜索记录
sessionStorage本地存储
sessionStorage 用于临时保存同一个窗口(或者标签页)的数据, 在关闭窗口或者标签页之后将会删除这些数据
提示: 如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性,该数据对象没有过期时间,除非手动去删除
location对象包含有关当前URL的信息
location对象是window对象的一部分,可通过window.location 属性对其进行访问
| 属性 | 方法 | 获取到的部分 |
| hash | 返回一个URL的锚部分 | #号后面的内容 |
| host | 返回一个URL的主机名和端口 | www.baidu.com |
| hostname | 返回URL的主机名 | |
| href | 返回完整的URL | |
| pathname | 返回的URL路径名。 | |
| port | 返回一个URL服务器使用的端口号 | |
| protocol | 返回一个URL协议 | |
| search | 返回一个URL的查询部分 |
1