javascript - 使用 Javascript 设置多个 Cookie

标签 javascript html cookies

我创建了一个简单的页面,让您可以制作 cookie 并通过将它们附加到文本区域来显示它们。我的理解是,您只需调用即可创建任意数量的 cookie

document.cookie = ...

但是,当我打印出我的 cookie 时,只显示了其中的 3 个。似乎我没有正确地将 cookie 附加到文本区域,因为这些值永远不会改变。

为了测试这是否是 cookie 创建的问题,我使用了一个警告弹出框来在用户创建新 cookie 时通知他们。这表明正在创建 cookie。所以,我不知道为什么我只能在显示屏上看到三个 cookie。

代码如下:

编辑:代码已删除,因为答案已关闭。

我该如何解决这个问题,以便所有创建的 cookie 都附加到文本区域?谢谢。

最佳答案

当您通过 document.cookie 设置 cookie 时,您以 key=value 的形式提供了一个键\值对。

在您的代码中,您总是传递一个“名称”键,因此您不是创建一个新的 cookie,而是每次都更新同一个 cookie。您需要找到一种方法来生成一个唯一标识符以用作每个新 cookie 的键(也许计数就可以)

此外,您不需要将 document.cookie 的值附加到文本,因为 document.cookie 将返回所有 cookie 的值,因此您只需将 document.cookie 的值设置为文本区域的值即可。

More info on document.cookie

关于javascript - 使用 Javascript 设置多个 Cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24319187/

相关文章:

javascript - 选择更改图像和链接

javascript - URL 前面的双管道 - 正则表达式?

html - 使用 Typescript 隐藏元素

html - 试图 float 两个 div 但有问题

php - 如何设置 cookie 20 分钟并检查它们是否过期

cookies - 如何从 Codeception 验收测试中访问变量命名的 cookie?

javascript - 为什么 Angular 1.6.6v $cookies 不执行读取或写入操作?

javascript - 当我需要在元素之间动态添加标记时,如何解决 React JSX 的相邻组件包装器错误?

html - css 垂直对齐文本居中并 overflow hidden

javascript - 如何获取 onbeforeunload 事件的目标 URL?