`

js cookie

阅读更多

JS设置cookie、读取cookie、删除cookie

 类型:转载

Js操作Cookie总结(设置,读取,删除),工作中经常会用到的哦!下面是详细代码,如有错误,请留言指正!
    JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。

而cookie是运行在客户端的,所以可以用JS来设置cookie.

假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值,那么如何来设置和读取cookie呢?

首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式。各个cookie之间一般是以“;”分隔。

JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name,则相应的JS代码为:

 

复制代码代码如下:

document.cookie="name="+username;

 

JS读取cookie:

假设cookie中存储的内容为:name=jack;password=123

则在B页面中获取变量username的值的JS代码如下:

1
2
3
4
5
6
7
8
9
10
var username=document.cookie.split(";")[0].split("=")[1];
//JS操作cookies方法!
//写cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

读取cookies

1
2
3
4
5
6
7
8
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}

删除cookies

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("name","hayden");
alert(getCookie("name"));
//如果需要设定自定义过期时间
//那么把上面的setCookie 函数换成下面两个函数就ok;
//程序代码
function setCookie(name,value,time)
{
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getsec(str)
{
alert(str);
var str1=str.substring(1,str.length)*1;
var str2=str.substring(0,1);
if (str2=="s")
{
return str1*1000;
}
else if (str2=="h")
{
return str1*60*60*1000;
}
else if (str2=="d")
{
return str1*24*60*60*1000;
}
}
//这是有设定过期时间的使用示例:
//s20是代表20秒
//h是指小时,如12小时则是:h12
//d是天数,30天则:d30
setCookie("name","hayden","s20");
分享到:
评论

相关推荐

    javascript js cookie的存储,获取和删除

    "javascript js cookie的存储、获取和删除" javascript 中的 cookie 存储、获取和删除是非常重要的功能,它们可以帮助开发者在客户端存储数据,并在需要时读取和删除这些数据。下面我们将详细介绍 javascript 中 ...

    javascript cookie解码函数(兼容ff)

    ### JavaScript Cookie解码函数(兼容Firefox) 在Web开发中,Cookie是存储用户信息的一种常见方式。它可以帮助网站记住用户的偏好设置、登录状态等信息。然而,由于Cookie在传输过程中可能会被编码,因此在读取...

    JavaScript Cookie显示用户上次访问的时间和次数

    要使用 JavaScript 访问和修改 Cookies,开发者需要通过 document.cookie 对象来操作。document.cookie 包含当前域下所有的 Cookies 字符串。由于这个字符串是用分号分隔的键值对形式存储的,因此需要解析这个字符串...

    轻量级JS Cookie插件js-cookie的使用方法

    js-cookie是一个轻量级的JavaScript库,用于操作cookie,其源文件只有3.34KB大小,非常适合在现代Web应用中使用。该库之所以受到青睐,是因为它支持多种现代浏览器环境,并且具有良好的测试覆盖率。此外,它不依赖于...

    JavaScript cookie原理及使用实例

    JavaScript Cookie 是一种在客户端存储少量数据的技术,常用于实现用户会话管理、个性化设置等功能。在Web开发中,Cookie起着关键的角色,因为它们能在浏览器和服务器之间传递信息。以下是关于JavaScript Cookie的...

    Javascript Cookie操作类的封装

    在JavaScript中,Cookie是一种在客户端存储少量数据的机制,它对于网页应用的用户状态管理和临时存储信息具有重要作用。本文将详细讲解如何封装一个Cookie操作类,实现对Cookie的增删改查功能。 首先,理解Cookie的...

    javascript cookie

    这个文件包含了javascript对浏览器cookie文件的设置、读、写、删除四个函数,非常好用。

    JS cookie中文乱码解决方法

    在JavaScript(JS)中,Cookie是一种用于存储小量文本数据在用户浏览器上的机制。这些数据在用户每次访问网站时都会发送回服务器,因此它们对于跟踪用户偏好、保持登录状态等非常有用。然而,当尝试存储或读取包含...

    js cookie操作

    用JS 操作COOKIE的增删改

    cookie.js-JavaScript资源

    cookieAIP

    JavaScript Cookie

    JavaScript Cookie Cookie 用于存储 web 页面的用户信息。 什么是 Cookie? Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 ...

    JS Cookie的操作

    这篇博客“JS Cookie的操作”将深入探讨如何利用JavaScript进行Cookie的创建、读取和删除,以及一些相关的实用技巧。 一、Cookie的基本概念 Cookie是由服务器端设置并发送到客户端(浏览器)的一小段文本信息,...

    javascript cookie的简单应用

    主要介绍了javascript cookie的简单应用,我们先介绍一下cookie的使用,以及我后面简单封装一个cookie操作的单例,便于实现cookie的设置,获取,删除的方法,感兴趣的小伙伴们可以参考一下

    JavaScript Cookie的读取和写入函数

    JavaScript Cookie的读取和写入函数 在Web开发中,Cookie是客户端存储数据的一种方式,通过JavaScript可以实现Cookie的读取和写入。本文将详细介绍JavaScript Cookie的读取和写入函数的实现。 Cookie概述 Cookie...

    js-cookie.js

    js_cookie源码下载,js-cookie用于操作cookie,笔者是因为一开始不会弄,后来会整下来了,鉴于自身经历,故将其分享出来。

    js cookie实现记住密码功能

    JavaScript(简称js)中的Cookie是一种在客户端存储少量数据的技术,常用于实现用户登录状态的保持,例如“记住密码”功能。下面我们将详细讨论如何使用js实现这一功能。 首先,我们需要了解HTML部分。在示例代码中...

    javascript实现获取cookie过期时间的变通方法

    然而,由于浏览器对于Cookie过期时间的控制,JavaScript并不能直接获取Cookie的过期时间。这是因为浏览器出于安全和隐私的考虑,通常只允许网页对Cookie进行设置,而不会返回其过期时间。但JavaScript仍有一些变通的...

    Javascript Cookie读写删除操作的函数

    JavaScript中的Cookie是Web开发中用来存储用户数据的一种机制,它将少量信息保存在用户的浏览器上。这个信息在用户下次访问同一网站时会被读取。在本文中,我们将深入探讨如何使用JavaScript进行Cookie的读、写和...

Global site tag (gtag.js) - Google Analytics