JavaScirpt基础 之 JavaScript Cookie 4

简介: JavaScript Cookie
+关注继续查看

JavaScirpt基础 之 JavaScript Cookie 4

JavaScript Cookie

Cookie 用于存储 web 页面的用户信息。

JavaScript Cookie 实例

在以下实例中,我们将创建 cookie 来存储访问者名称。

首先,访问者访问 web 页面, 他将被要求填写自己的名字。该名字会存储在 cookie 中。

访问者下一次访问页面时,他会看到一个欢迎的消息。

在这个实例中我们会创建 3 个 JavaScript 函数:

设置 cookie 值的函数
获取 cookie 值的函数
检测 cookie 值的函数

获取 cookie 值的函数

然后,我们创建一个函数用于返回指定 cookie 的值:

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 "";
}

函数解析:

cookie 名的参数为 cname。

创建一个文本变量用于检索指定 cookie :cname + "="。

使用分号来分割 document.cookie 字符串,并将分割后的字符串数组赋值给 ca (ca = document.cookie.split(';'))。

循环 ca 数组 (i=0;i<ca.length;i++),然后读取数组中的每个值,并去除前后空格 (c=ca[i].trim())。

如果找到 cookie(c.indexOf(name) == 0),返回 cookie 的值 (c.substring(name.length,c.length)。

如果没有找到 cookie, 返回 ""。

目录
相关文章
|
1月前
|
存储 JavaScript 前端开发
js中session、cookie、 localStorage和SessionStorage的区别和特点
js中session、cookie、 localStorage和SessionStorage的区别和特点
20 0
|
3月前
|
存储 JavaScript
js -cookie的操作
cookie是存储在客户端浏览器中的一段文本信息。
|
4月前
|
JavaScript
js设置、修改、获取、删除 cookie
js设置、修改、获取、删除 cookie
|
5月前
|
JavaScript 前端开发
javascript通过设置Cookie来切换字体的解决方案
javascript通过设置Cookie来切换字体的解决方案
32 0
|
5月前
|
存储 JavaScript 安全
JavaScript Cookie
JavaScript Cookie
|
6月前
|
存储 JavaScript 前端开发
|
6月前
|
存储 JavaScript 前端开发
|
6月前
|
存储 JavaScript 前端开发
|
6月前
|
存储 JavaScript 前端开发
|
7月前
|
存储 JavaScript 前端开发
前端祖传三件套JavaScript的BOM的Cookie
在前端开发中,Cookie 是一个非常重要的概念。它可以用来存储用户的信息、状态和偏好设置等。JavaScript BOM 提供了内置的 document.cookie 属性和相关方法,可以让我们轻松地读取、创建、修改和删除 Cookie。在本文中,我们将深入探讨 JavaScript BOM 的 Cookie 功能,并介绍其中一些常用的属性和用法。
54 0
热门文章
最新文章
相关产品
云迁移中心
推荐文章
更多