学习HTML笔记

localStorage 和 sessionStorage

客户端存储数据的两个对象为：

• localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
• sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

在使用 web 存储前,应检查浏览器是否支持 localStorage 和 sessionStorage:

if(typeof(Storage)!=="undefined"){    // 是的! 支持 localStorage  sessionStorage 对象!    // 一些代码.....}else{    // 抱歉! 不支持 web 存储。}

localStorage 对象

localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

实例

// 存储localStorage.setItem("sitename", "菜鸟教程");  // 查找document.getElementById("result").innerHTML = "网站名：" +  localStorage.getItem("sitename");