js操作cookie

最新推荐文章于 2023-07-10 17:51:33 发布

最新推荐文章于 2023-07-10 17:51:33 发布 · 70 阅读

文章标签：

#JavaScript #HTML #ViewUI

本文详细解析了如何使用JavaScript创建、获取和删除Cookies，并通过一个简单的按钮点击事件演示了其应用。

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">

//写cookies函数
function SetCookie(name,value) //两个参数，一个是cookie的名子，一个是值
{
  var Days = 30; //此 cookie 将被保存 30 天
  var exp = new Date();    //new Date("December 31, 9998");
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name) //读取cookies函数
{
  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
   if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name) //删除cookie
{
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval=getCookie(name);
  if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

//简单例子
function test() {
  SetCookie ("name", "www")
  delCookie("name");
  alert(getCookie("name"));
}

</script>

</HEAD>