js实现cookie的删除获取与添加

最新推荐文章于 2025-04-24 08:30:00 发布

lanlandechong

最新推荐文章于 2025-04-24 08:30:00 发布

阅读量732

点赞数

CC 4.0 BY-SA版权

文章标签： button div javascript date html function

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/lanlandechong/article/details/1830428

本文介绍了一个简单的JavaScript实现，用于添加、获取和删除浏览器Cookies的方法。通过这些实用的函数，开发者可以轻松地管理网站上的用户会话信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />

<title>cookie处理函数练习(为我所写，非我所想:改善面向对象)</title>

<script language="JavaScript" type="text/javascript">

function addCookie(objName,objValue,objHours){//添加cookie

var str = objName + "=" + escape(objValue);

if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失

var date = new Date();

var ms = objHours*3600*1000;

date.setTime(date.getTime() + ms);

str += "; expires=" + date.toGMTString();

}

document.cookie = str;

alert("添加cookie成功");

}

function getCookie(objName){//获取指定名称的cookie的值

var arrStr = document.cookie.split("; ");

for(var i = 0;i < arrStr.length;i ++){

var temp = arrStr[i].split("=");

if(temp[0] == objName) return unescape(temp[1]);

}

}

function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间

var date = new Date();

date.setTime(date.getTime() - 10000);

document.cookie = name + "=a; expires=" + date.toGMTString();

}

function allCookie(){//读取所有保存的cookie字符串

var str = document.cookie;

if(str == ""){

str = "没有保存任何cookie";

}

alert(str);

}

function $(m,n){

return document.forms[m].elements[n].value;

}

function add_(){

var cookie_name = $("myform","cookie_name");

var cookie_value = $("myform","cookie_value");

var cookie_expireHours = $("myform","cookie_expiresHours");

addCookie(cookie_name,cookie_value,cookie_expireHours);

}

function get_(){

var cookie_name = $("myform","cookie_name");

var cookie_value = getCookie(cookie_name);

alert(cookie_value);

}

function del_(){

var cookie_name = $("myform","cookie_name");

delCookie(cookie_name);

alert("删除成功");

}

</script>

</head>

<body>

<form name="myform">

<div><label for="cookie_name">名称</label><input type="text" name="cookie_name" /></div>

<div><label for="cookie_value">值</lable><input type="text" name="cookie_value" /></div>

<div><label for="cookie_expireHours">多少个小时过期</lable><input type="text" name="cookie_expiresHours" /></div>

<div>

<input type="button" value="添加该cookie" onclick="add_()" />

<input type="button" value="读取所有cookie" onclick="allCookie()" />

<input type="button" value="读取该名称cookie" onclick="get_()" />

<input type="button" value="删除该名称cookie" onclick="del_()" />

</div>

</form>

<hr />

</body>

</html>

align="center" marginwidth="0" marginheight="0" src="http://www.maimaifu.com/WebTemplet/468.htm" frameborder="0" width="468" scrolling="no" height="60">

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

lanlandechong 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。