javascript操作cookie范例

最新推荐文章于 2022-05-10 08:47:29 发布

原创最新推荐文章于 2022-05-10 08:47:29 发布 · 720 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #radiobutton #function #date #button #path

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript来设置、读取及删除Cookie的方法。通过简单的表单输入，可以实现Cookie的有效期设置，并且能够展示当前存在的Cookie内容，同时提供了清除特定Cookie的功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
//直接复制拷贝 运行可以看到效果
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>Cookie的使用方法</title>
		<script language="javascript" type="text/javascript">
//检查Cookie是否有效   
function setCookie() {

	if (!navigator.cookieEnabled) {

		alert('不Cookie项!');

	} else {

		var date = new Date();

		date.setTime(date.getTime() + 60000 * 10);

		document.cookie = 'userName=' + escape(document.form1.userName.value)
				+ ';expires=' + date.toGMTString() + ';path=/'
				+ ';domaim=zgdsc.cn' + ':secure';

	}

}

function showValue() {

	alert(unescape(document.cookie));

}

function clearValue() {

	var date = new Date();

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

	document.cookie = 'userName=' + escape(document.form1.userName.value)
			+ ';expires=' + date.toGMTString() + ';path=/' + ';domain=zgdsc.cn'
			+ ';secure';

}
</script>
	</head>
	<body>
		<form id="form1" name="form1" method="post" action="#">
			输入用户名:
			<input type="text" name="userName" />
			<input type="radio" name="cookieEnabled" value="radiobutton" onclick="setCookie()" />
			保存Cookie
			<label>
				<input type="button" name="Submit" value="显示" onclick="showValue()" />
			</label>
			<label>
				<input type="button" name="Submit2" value="清除"
					onclick="clearValue()" />
			</label>
		</form>
	</body>
</html>