<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script src="js/jquery-2.2.1.min.js"></script>
<body>
<input id="username" />
<button id="write">赋值cookie</button>
<button id="read">取值cookie</button>
<span id="cookie"></span>
</body>
</html>
<script>
$("#write").click(()=>{
let username = $("#username").val();
console.log(username);
setCookie("userName",username,1);
})
$("#read").click(()=>{
//cookie取值:
var cookie = getCookie("userName");
console.log(cookie)
$("#cookie").html(cookie);
})
/**
* 默认的cookie写入方法
* @param name cookie的key 例子:userName
* @param value cookie的value 例子:张三
* @param time cookie的存放时间,以'天'为单位 例子:1
*/
function setCookie(name,value,time){
var Days = time;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ encodeURI (value) + ";expires=" + exp.toGMTString()+";path=/";
}
/**
* 获取Cookie中的值
* @param objName
* @returns
*/
function getCookie(objName){//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName){
return decodeURI(temp[1]);
}
}
}
</script>
JS存取cookie示例
最新推荐文章于 2024-08-08 18:34:38 发布