cookie创建

最新推荐文章于 2024-11-07 10:17:21 发布

北海北，南山南

最新推荐文章于 2024-11-07 10:17:21 发布

阅读量80

点赞数

文章标签： linux 运维服务器

本文链接：https://blog.csdn.net/qq_45496593/article/details/121641095

版权

这段源码展示了如何在JavaScript中设置、获取和检查Cookie。通过`setCookie`函数可以设定Cookie的值和过期时间，`getCookie`函数用于获取Cookie的值，而`checkCookie`函数在页面加载时检查是否存在已设置的用户名Cookie，如果存在则显示欢迎信息，否则提示用户输入名字并保存。

摘要由CSDN通过智能技术生成

源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cookie</title>
    <script>
        function setCookie(cname,cvalue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}
function checkCookie(){
    var user=getCookie("username");
    if (user!=""){
        alert("欢迎 " + user + " 再次访问");
    }
    else {
        user = prompt("请输入你的名字:","");
          if (user!="" && user!=null){
            setCookie("username",user,30);
        }
    }
}
    </script>
</head>
<body onload="checkCookie()"></body>
</html>