`

JS Cookies的设置 读取 删除

阅读更多
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
//设置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 
function getCookie(name){ 
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr[2]); 
    else 
        return null; 
} 

//删除cookies 
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("website","onestopweb.iteye.com"); 
alert(getCookie("website")); 
//delCookie("website");
</script>
</body>
</html>

 

效果图:

 

 封装上面的方法:

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
var cookie = {
    set:function(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(); 
    },
    get:function(name){
    	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg))
            return unescape(arr[2]); 
        else 
            return null; 
    },
	delete:function(name){
		var exp = new Date(); 
	    exp.setTime(exp.getTime() - 1); 
	    var cval=cookie.get(name);
	    if(cval!=null){
	    	document.cookie= name + "="+cval+";expires="+exp.toGMTString();
	    }  
    }
}
cookie.set("user","chaoyi2");//设置为24天过期
alert(cookie.get("user"));//获取cookie
//cookie.delete("user");
</script>
</body>
</html>

 

 

 

 

 

 

 

 

 

 

  • 大小: 43.6 KB
1
0
分享到:
评论
4 楼 onestopweb 2017-10-13  
cs6641468 写道
onestopweb 写道
cs6641468 写道
在HttpOnly cookie标配的今天,知道js能操作cookie就行,千万不要记住怎么用,更不要使用。

那么用什么操作Cookie呢,如何让Cookie更安全


后台获取/操作cookie就行了,千万不要在前端用javascript操作cookie, 如果你发现什么case非得用,那么说明设计很可能就有问题。

好的,谢谢了   
3 楼 cs6641468 2017-10-10  
onestopweb 写道
cs6641468 写道
在HttpOnly cookie标配的今天,知道js能操作cookie就行,千万不要记住怎么用,更不要使用。

那么用什么操作Cookie呢,如何让Cookie更安全


后台获取/操作cookie就行了,千万不要在前端用javascript操作cookie, 如果你发现什么case非得用,那么说明设计很可能就有问题。
2 楼 onestopweb 2017-10-10  
cs6641468 写道
在HttpOnly cookie标配的今天,知道js能操作cookie就行,千万不要记住怎么用,更不要使用。

那么用什么操作Cookie呢,如何让Cookie更安全
1 楼 cs6641468 2017-10-10  
在HttpOnly cookie标配的今天,知道js能操作cookie就行,千万不要记住怎么用,更不要使用。

相关推荐

    JS操作Cookies包括(读取添加与删除)

    JavaScript在Web开发中用于处理Cookies提供了非常直接而简单的操作方法,它主要包括读取、添加以及删除cookie。Cookies是存储在客户端的小文本文件,它们记录了用户的个人信息以及浏览偏好,由服务器通过HTTP响应头...

    用JS设置、读取、删除cookie

    本文将详细介绍如何使用JavaScript来设置、读取和删除Cookie。 #### Cookie简介 Cookie是由服务器发送到客户端的一小段文本信息,并且保存在用户的计算机上,通过浏览器再发送回服务器。它主要用于跟踪用户的会话...

    cookiesjs让使用javascript超级简单得操作cookies在前端

    `cookies.js`库提供了一种直观和易用的方式来创建、读取、更新和删除这些cookies,无需处理复杂的原始JavaScript API。 **cookies.js关键功能** 1. **创建cookie**: `cookies.set(name, value, [days])`允许开发者...

    javascript cookies 设置、读取、删除实例代码

    刚整理了一些关于javascript cookies操作的文章,发现这篇文章也不错,推荐大家一起参考,选择需要的,不足的地方主要是对路径的设置,喜欢的朋友可以结合下。 代码如下: [removed] function SetCookie(name,value)/...

    php读取javascript设置的cookies的代码

    最后,为了更好的管理Cookies,现代Web开发实践中常使用像`js-cookie`、`jquery-cookie`等第三方JavaScript库,它们提供了更加方便的API来设置、读取和删除Cookies。而PHP也有相应的库如`PHP-Cookie`,它们简化了对...

    cookies.js插件

    描述中提到"javascript、jquery获取cookies,设置cookies的插件",这意味着cookies.js不仅支持读取cookies(获取)的功能,还支持创建和更新cookies(设置)。在JavaScript和jQuery的上下文中,这个插件提供了一套...

    通过js来设置cookie和读取cookie,实现登陆时记住密码的功能

    本文将详细讲解如何使用JavaScript(JS)来设置和读取cookie,从而实现登录时记住密码的功能。 首先,理解cookie的基本概念。Cookie是由服务器端生成,发送到客户端(浏览器),并存储在本地的一种小数据片段。它...

    【JavaScript】cookies详解

    JavaScript中的Cookies是Web开发中一个重要的概念,它们用于在客户端存储少量的数据,这些数据可以在用户与网站交互时被浏览器自动发送回服务器。本篇文章将详细讲解JavaScript操作Cookies的方法和应用场景。 一、...

    cookiejs一个微小的JavaScript库简化了Cookies操作

    这个库的目标是提供一个简单、直观的API,使得开发者可以方便地创建、读取、更新和删除Cookies,无需深究浏览器的底层实现。在JavaScript开发中,尤其是在处理用户会话管理、数据持久化或个性化设置时,Cookie.js...

    javascript对cookies的操作

    在探讨“javascript对cookies的操作”这一主题时...通过上述分析,我们不仅了解了如何用JavaScript读取、设置和删除Cookies,还看到了这些操作在实际场景中的应用,这对于我们深入理解和运用Web开发技术具有重要意义。

    怎样使用php与jquery设置和读取cookies

    首先,需要在页面中引入jQuery Cookie插件,然后就可以使用$.cookie()方法来设置、读取和删除cookies了。设置cookie的基本语法如下: ```javascript $.cookie("cookieName", "cookieValue", { expires: 7, path: '/...

    js操作cookies

    内容js操作cookies,主要功能:添加cookies、读取cookies、删除cookies

    前端cookies安全视频

    视频内容可能还包括实战示例,演示如何在JavaScript中创建、读取和删除Cookies,并解释如何在实际项目中应用上述安全措施。观看此视频,开发者能更好地理解和掌握前端Cookies的安全使用,从而构建更安全的Web应用。

    JS+cookies的购物车

    JavaScript可以创建、读取、更新和删除这些Cookies,以实现购物车的增删改查功能。 接着,C#(CSharp)作为后台语言,主要负责处理业务逻辑和数据库操作。例如,当用户提交购物车时,C#接收前端通过Ajax发送的...

    最近浏览记录(Cookies)

    在客户端,开发者也可以使用JavaScript来读取、写入和删除Cookies。例如,`document.cookie` 属性可以用于获取所有Cookies的字符串,而`setCookie()` 和 `getCookie()` 是常见的自定义函数,用于更方便地操作Cookies...

    javascript 操作cookies及正确使用cookies的属性.docx

    通过 JavaScript,开发者可以轻松地创建、读取、修改和删除 Cookies。 #### 二、写入 Cookies 在 JavaScript 中,可以通过 `document.cookie` 属性来设置或获取 Cookies。下面是一段示例代码,展示了如何使用 ...

    ASp Javascript读写Cookies的代码.docx

    ASP.NET提供了强大的Cookies管理功能,可以通过内置的对象来方便地对Cookies进行读取、写入、修改和删除等操作。 ##### 写入Cookies 在ASP.NET中,可以使用`HttpCookie`类来创建和设置Cookies。 ```csharp ...

Global site tag (gtag.js) - Google Analytics