Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js cookie获取

作者:Angel★狂龙   发布日期:2026-04-12   浏览:42

// 获取指定名称的 cookie 值
function getCookie(name) {
    // 创建一个与文档cookie属性值匹配的正则表达式
    const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
    // 如果找到匹配项,则返回对应的值,否则返回null
    return match ? decodeURIComponent(match[2]) : null;
}

// 示例用法:
// 假设当前页面有一个名为 'username' 的 cookie
const username = getCookie('username');
console.log(username);  // 输出: 用户名的值 (如果存在)

解释说明:

  1. document.cookie:这是浏览器提供的一个属性,它包含了当前页面的所有 cookie。每个 cookie 是以 key=value 的形式存储,并且多个 cookie 之间用分号 (;) 分隔。
  2. new RegExp('(^| )' + name + '=([^;]+)'):这是一个正则表达式,用于匹配指定名称的 cookie。它会查找以空格或行首开头的 cookie 名称,并捕获其对应的值。
  3. decodeURIComponent:由于 cookie 的值可能是经过 URL 编码的,因此使用 decodeURIComponent 来解码,确保返回的是原始值。
  4. 返回值:如果找到了指定名称的 cookie,则返回其值;如果没有找到,则返回 null

如果你需要获取其他 cookie,只需调用 getCookie('cookie_name') 即可。

上一篇:js 获取 cookie

下一篇:js 获取cookie

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站