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

今天在研究js的cookie，自己查了书，上网也找了些资料，自己做的一个练习。

<!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>

提示：您可以先修改部分代码再运行，对于jquery等代码需要运行后刷新一次

上一篇：js如果计算页面的载入时间

下一篇：getElementsByName的使用

留下脚印压缩包密码:sosuo8

全部评论:

申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“js实现cookie的删除获取与添加”的原作者，若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法：email:ahuinan@21cn.com QQ:106494262

感谢以下网友对网站提出的建议：
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)

文章档案

作者：阿会楠
来源：搜索吧
日期：2007-10-14 8:13:00
点击：1955

网友投票(您觉得这篇文章怎样？)

请稍侯......

实用文章总结

文章阅读排行

随便看看

最新评论