前端传值问题(cookie,localstorage)

最新推荐文章于 2024-12-17 09:51:58 发布

原创最新推荐文章于 2024-12-17 09:51:58 发布 · 391 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

常用配置专栏收录该内容

11 篇文章

订阅专栏

本文介绍了前端存储的两种常见方式——Cookie和localStorage，并提供了相关的方法封装。Cookie用于向后端传递信息，但容量较小，而localStorage则提供更大的存储空间，主要用于前端数据存储。在A页面，我们展示了如何使用工具方法操作Cookie和localStorage，而在B页面，通过localStorage进行数据读取并移除键值对以防止下次重复存储。两者的主要区别在于用途和存储容量，以及生命周期的不同。

1.cookie

工具方法封装

var operator = "=";

function getCookieValue(keyStr){
	var value = null;
	var s = window.document.cookie;
	var arr = s.split("; ");
	for(var i=0; i<arr.length; i++){
		var str = arr[i];
		var k = str.split(operator)[0];
		var v = str.split(operator)[1];
		if(k == keyStr){
			value = v;
			break;
		}
	}
	return value;
}

function setCookieValue(key,value){
	document.cookie = key+operator+value;
}