创建与获取COOKIE方法

最新推荐文章于 2025-07-17 17:24:19 发布

原创最新推荐文章于 2025-07-17 17:24:19 发布 · 796 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #cookie

js 同时被 3 个专栏收录

83 篇文章

订阅专栏

web前端

53 篇文章

订阅专栏

1 篇文章

订阅专栏

本文演示了如何在HTML中使用JavaScript来设置和读取Cookie。通过一个简单的示例，展示了创建Cookie并读取其内容的过程。了解Cookie的基本操作对于前端开发者来说是必要的技能。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
</body>

   <script>

//注意：此文件必须放在服务器运行
   document.cookie = "username=welcome to HelloWorld";       //创建cookie名为：username,内容为:welcome to HelloWorld

       function getCookie(cname) {
           var name = cname + "=";
           var decodedCookie = decodeURIComponent(document.cookie);
           var ca = decodedCookie.split(';');
           for(var i = 0; i <ca.length; i++) {
               var c = ca[i];
               while (c.charAt(0) == ' ') {
                   c = c.substring(1);
               }
               if (c.indexOf(name) == 0) {
                   return c.substring(name.length, c.length);
               }
           }
           return "";
       }

       document.write(getCookie('username'));       //读取cookie