sessionStorage / localStorage

最新推荐文章于 2025-01-13 15:33:25 发布

weixin_33991727

最新推荐文章于 2025-01-13 15:33:25 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiangru0921/p/6497222.html

本文详细介绍了JavaScript中sessionStorage和localStorage的使用方法，包括如何设置、获取、删除存储项以及清空所有存储项。同时，还提供了遍历这些存储项的方法，并展示了如何利用点操作符和数组索引方式来存取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var referurl = document.referrer; //上级网址
if(referurl.indexOf('address_order')>0){ //判断是否是从上一级地址跳转过来到当前页面的
sessionStorage.setItem('associationreferurl',referurl);
//保存到sessionStorage；字符串的形式存储
}

简单设置和获取sessionStorage：

获取sessionStorage的值：

sessionStorage.getItem('associationreferurl');

sessionStorage / localStorage

setItem存储value
用途：将value存储到key字段
用法：.setItem( key, value)
代码示例：

sessionStorage.setItem("key", "value"); 
localStorage.setItem("site", "js8.in");

getItem获取value
用途：获取指定key本地存储的值
用法：.getItem(key)
代码示例：

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

removeItem删除key
用途：删除指定key本地存储的值
用法：.removeItem(key)
代码示例：

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

clear清除所有的key/value

用途：清除所有的key/value
用法：.clear()
代码示例：

sessionStorage.clear(); 
localStorage.clear();

其他操作方法：点操作和[]
web Storage不但可以用自身的setItem,getItem等方便存取，也可以像普通对象一样用点(.)操作符，及[]的方式进行数据存储，像如下的代码：

var storage = window.localStorage; 
storage.key1 = "hello"; 
storage["key2"] = "world"; 
console.log(storage.key1); 
console.log(storage["key2"]);

localStorage和sessionStorage的key和length属性实现遍历

sessionStorage和localStorage提供的key()和length可以方便的实现存储的数据遍历，例如下面的代码：

var storage = window.localStorage; 
for (var i=0, len = storage.length; i < len; i++){ 
　　var key = storage.key(i); 
　　var value = storage.getItem(key); 
　　console.log(key + "=" + value); 
}

转载于:https://www.cnblogs.com/xiangru0921/p/6497222.html