`
阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JS Cookie的操作</title>
<script>
//设置 cookie 值的函数
function setCookie(cname,cvalue,exdays){
	var d = new Date();
	d.setTime(d.getTime()+(exdays*24*60*60*1000));
	var expires = "expires="+d.toGMTString();
	document.cookie = cname+"="+cvalue+"; "+expires;
}
//获取 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 值的函数
function delCookie(cname){
	document.cookie = cname+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
//检测 cookie 值的函数
function checkCookie(){
	var user=getCookie("username");
	if (user!=""){
		alert("获取 cookie:" + user);
	}else{
		user = prompt("设置 cookie:","");
  		if (user!="" && user!=null){
    		setCookie("username",user,30);
    	}
	}
}
</script>
</head>
<body onload="checkCookie()">
<div onclick="delCookie('username');">删除Cookie</div>
</body>
</html>

 效果图:

 

 

 

 

 

 

 

 

 

  • 大小: 28.2 KB
分享到:
评论

相关推荐

    Javascript Cookie操作类的封装

    本文将详细讲解如何封装一个Cookie操作类,实现对Cookie的增删改查功能。 首先,理解Cookie的基本概念是必要的。Cookie是由服务器端发送到浏览器并保存在本地的一个小文本文件,它由键值对组成,每个键值对之间用...

    javascript cookie 操作框架 XCookie

    JavaScript Cookie 操作框架 XCookie 是一个用于方便地管理和操作浏览器cookies的工具,它简化了JavaScript中处理cookie的复杂性。在Web开发中,cookies经常被用来存储用户状态、会话信息或其他临时数据,而XCookie...

    js cookie操作

    用JS 操作COOKIE的增删改

    JS cookie 操作工具类

    JS cookie 操作工具类,对cookie的设置 读取 删除 ,有效期的设置等

    js操作cookie

    本篇文章将深入探讨如何使用JavaScript来操作Cookie,包括添加、读取、修改和删除Cookie。 **一、添加Cookie** 在JavaScript中,我们可以通过`document.cookie`属性来添加Cookie。以下是一个基本的添加Cookie的...

    javascript 操作cookie.js

    javascript 操作cookiejavascript 操作cookiejavascript 操作cookie

    javascript cookie操作

    javascript cookie的操作,set、get、clear

    CookiesjsJavaScript客户端的Cookie操作库

    "Cookies.js - JavaScript 客户端的Cookie操作库" 进一步明确了这个库是Cookies.js,它是专门为JavaScript开发设计的,主要功能是在用户浏览器上执行Cookie的相关操作。作为客户端库,它使得开发者无需后端服务器...

    js cookie 实例

    ### JavaScript Cookie 操作详解 #### 一、引言 在Web开发中,Cookie是一种非常重要的技术,用于在客户端存储小量的数据。通过Cookie,开发者能够实现用户状态的持久化存储,比如保存用户的登录状态、个性化设置等...

    js对cookie操作的封装

    无论是使用纯JavaScript还是jQuery,了解基本的Cookie操作原理对于Web开发者来说都是必要的。在实际项目中,可以根据需求选择合适的操作方式,或者利用已有的库进行扩展。同时,要注意处理Cookie的大小限制(通常为4...

    封装cookieJS操作

    cookie的一些操作函数的封装,如:添加、删除、获取cookie中key对应的Value值、判断cookie是否存在

    cookie操作封装js

    cookie操作工具类

    js-cookie.js

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

    Js 操作cookie源码封装

    Js 操作cookie源码封装Js 操作cookie源码封装

    JS cookie Java cookie regex 整理结果

    JavaScript(JS)Cookie和Java Cookie是Web开发中用于存储客户端数据的两种常见方式,而正则表达式(Regex)在处理字符串和数据匹配时扮演着重要角色。下面将详细阐述这三个知识点及其应用。 首先,JavaScript ...

    js操作cookie.pdf

    2. JavaScript操作Cookie JavaScript可以通过document.cookie属性来读取、设置和删除cookie。document.cookie是一个字符串,包含了当前域下的所有cookie,各cookie之间以分号和空格分隔。 3. 读取Cookie 要读取特定...

Global site tag (gtag.js) - Google Analytics