当前位置：网站首页>JS存取cookie示例

JS存取cookie示例

2022-07-27 07:26:00 【奔跑的狮子a】 

<!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>
原网站

版权声明
本文为[奔跑的狮子a]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_42247720/article/details/125959252

边栏推荐

猜你喜欢

随机推荐