<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <div> <input type="text" class="setCookieName" placeholder="请输入cookie名"> <input type="text" class="setCookieVal" placeholder="请输入cookie值"> <button id="save">保存</button> </div> <div> <input type="text" class="seeCookieVal" placeholder="请输入cookie名查看cookie值"> <button id="see">查看</button> <div class="qresults"></div> </div> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <script> // 动态设置 $("#save").click(function() { setCookie($(".setCookieName").val(),$(".setCookieVal").val()); $(".setCookieName").val(""); $(".setCookieVal").val(""); }) // 动态查看 $("#see").click(function() { var txt = getCookie($(".seeCookieVal").val()); $(".qresults").html(txt) }) function setCookie(name, value) { var Days = 30; //有效期为30天 //取出当前日期,加上30天,得出有效截止日期 var exp = new Date(); exp.setTime(exp.getTime() + 30 * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expries =" + exp.toGMTString(); } function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; } </script> </body> </html>
记得下班打卡,么么么么么哒