前端传值问题(cookie,localstorage)

Mordle_

于 2022-05-03 09:27:25 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

分类专栏：常用配置文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/fhuqw/article/details/124550641

常用配置专栏收录该内容

11 篇文章

订阅专栏

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

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

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;
}