cookie属性max-age与expires同时存在时谁会生效

最新推荐文章于 2025-04-09 14:22:38 发布

luffy5459

最新推荐文章于 2025-04-09 14:22:38 发布

阅读量3.4k

点赞数 1

分类专栏： Web前端文章标签： cookie expires max-age web

本文链接：https://blog.csdn.net/feinifi/article/details/116448186

版权

我以前面试前端的时候，面试官问过这个问题，这是一个比较刁钻的问题，好像很难选择。

max-age表示最大生命周期，expires表示过期时间，cookie使用其中任何一个，都可以用来限制cookie的生效时间。

如果同时使用，max-age会生效。

这两者在时间设置上，却有不同单位属性。expires使用的是当前时间的毫秒+过期的毫秒，因此单位以ms计，而max-age直接使用秒为单位。

下面给出一个直观的示例，分别演示使用expires,max-age，同时使用expires与max-age时的效果。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie</title>
    <style>
        #root input{padding:10px;border:1px solid #ddd;color:#fff;border-radius: 3px;background: lightgreen;font-size: 16px;}
        #root .box{padding:5px;}
        #root textarea{width:790px;height:200px;resize: none;}
    </style>
</head>
<body>
    <div id="root&#