HTNL5&CSS3-充实笔记0428

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

localStorage

适用于数据需要分页、或跨窗口的场合。关闭浏览器后除非主动清楚数据，否则localStorage数据会一直存在。
sessionStorage适合暂存数据（关闭窗口或分页Tab后数据就会丢失）

JavaScript基于同源策略（Same Origin Policy）：有来自相同网站的网页才能相互调用的限制。
localStorage  API 通过JavaScript操作，同样只由相同来源的网页才能取得同一个localStorage

（相同网站即指：协议、主机、传输端口都必须相同）

HTML5标准中，只允许存储字符串数据，下列3种访问方法可供选择：

• Storage对象的setItem和getItem方法
• 数组索引
• 属性
  

Storage对象的setItem和getItem方法
window.localStorage.setItem(key, value);
如： window.localStorage.setItem("userdata", "Hello HTML5");
读取的格式： window.localStorage.getItem(key);

var value1 = window.localStorage.getItem("userdata");

数组索引：

存储   window.localStorage["userdata"] = "Hello HTML5!";
读取   var value1 = window.localStorage["userdata"];

属性：

存储  window.localStorage.userdata = "Hello HTML5!";
读取  var value1 = window.localStorage.userdata;

三种情况下，前缀window可以省略。

下面准备实现一个完整实例。。。

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：Javascript Sessions storage session LOCALS

跟着andy学网页[em17]

为您点赞！

属性：
存储  window.localStorage.userdata = "Hello HTML5!";
读取  var value1 = window.localStorage.userdata;
三种情况下，前缀window可以省略。
下面准备实现一个完整实例。。。

点赞

Storage对象的setItem和getItem方法
window.localStorage.setItem(key, value);
如： window.localStorage.setItem("userdata", "Hello HTML5");
读取的格式： window.localStorage.getItem(key);
var value1 = window.localStorage.getItem("userdata");

数组索引：
存储   window.localStorage["userdata"] = "Hello HTML5!";
读取   var value1 = window.localStorage["userdata"];