多个值存储到一个cookie中

最新推荐文章于 2024-08-08 18:34:38 发布

sdfujichao

最新推荐文章于 2024-08-08 18:34:38 发布

阅读量9.8k

点赞数

分类专栏： javascript 文章标签： cookie 多值存储

本文链接：https://blog.csdn.net/sdfujichao/article/details/51354931

版权

javascript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

首先存储在一块的数值应该是相关联的。就是把多个值用一个特殊字符连接起来，（特殊字符就是为了截取字符），然后用一个键来存储连接的字符串。

用document.cookie直接获取cookie的内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="textId" />
		<input type="text" id="passId" />
		<input type="button" id="btnId"  value="添加"/>
		<input type="button" id="deleId" value="删除"/>
	</body>
	<script type="text/javascript">
		var textName = document.getElementById("textId");
		var pass = document.getElementById("passId");
		var btn = document.getElementById("btnId");
		var dele = document.getElementById("deleId");
		
		btn.onclick = function (){
			namePass=textName.value+"&"+pass.value;
			document.cookie = "namePass="+namePass;
		}
		dele.onclick = function (){
			var names = document.cookie.split("="); // 获取cookie中的内容然后进行截取字符串
			var namess = names[1].split("&");
			alert(namess[0])
			alert(namess[1])
		}
	</script>
</html>