localStorage和sessionStorage参数传递
时间: 2023-12-24 17:24:19 浏览: 84
一个本地存储工具控制localStorage和sessionStorage
localStorage和sessionStorage都是HTML5提供的本地存储方式,可以在浏览器端存储数据,以便在同一域名下的页面之间共享数据。
它们的参数传递方式是通过setItem()和getItem()方法来实现的。setItem()方法用于设置一个键值对,getItem()方法用于获取指定键的值。
例如,我们可以使用以下代码将一个对象存储到localStorage中:
```
var obj = {name: "John", age: 30};
localStorage.setItem("myObj", JSON.stringify(obj));
```
这里我们使用了JSON.stringify()方法将对象转换为字符串,因为localStorage只能存储字符串类型的数据。然后我们可以使用以下代码从localStorage中获取这个对象:
```
var storedObj = JSON.parse(localStorage.getItem("myObj"));
console.log(storedObj.name); // 输出 "John"
```
这里我们使用了JSON.parse()方法将字符串转换为对象。
需要注意的是,localStorage和sessionStorage的区别在于它们的生命周期不同。localStorage中存储的数据会一直存在,直到被手动删除或者浏览器缓存被清除。而sessionStorage中存储的数据只在当前会话中存在,当用户关闭浏览器窗口或者标签页时,数据会被自动清除。
阅读全文