1、简单的删除cookie
//删除cookiefunction deleteCookie(name){
var date=new Date()
date.setTime(date.getTime()-10000)
document.cookie=name+"=v expires="+date.toGMTString()
}
2、设置访问路径的cookie删除
/*** js 删除 http cookie
* @param name 名字
* @param path 路径
* @param domain 域名
*/
function deleteCookie(name,path,domain){
if(getCookie(name)) document.cookie= name+'='+
((path)?'path='+path:'')+
((domain)?'domain='+domain:'') +
'expires=Thu,01-Jan-1970 00:00:01 GMT'
}
/**
* js取得http cookie
* @param name cookie名字
*/
function getCookie(name) {
var start = document.cookie.indexOf( name + "=")
var len = start + name.length + 1
if((!start)&&(name!=document.cookie.substring(0,name.length))){
return null
}
if ( start == -1 ) return null
var end = document.cookie.indexOf( '', len )
if ( end == -1 ) end = document.cookie.length
return unescape( document.cookie.substring( len, end ) )
}
首先我们需要到jQuery官网下载cookie插件,目前最新版本是1.4.1。然后我们新建一个html文件,将jQuery和jQuery cookie文件引入。
设置cookie很简答,只需要$.cookie("名","值")即可。这里小编用一个名字为coco的cookie做示例。
预览一定要注意需要在服务器环境中,本地可以搭建服务器,用localhost访问。在控制台中可以看到cookie的值。读取cookie直接用$.cookie("名")即可。
如果想删除cookie,那么需要设置null,例如$.cookie("coco",null),如果是想要清空某个cookie的值,那么只需要将其值设置为空字符串即可,例如$.cookie("coco","")。
js读取cookie,js添加cookie,js删除cookie,2008-09-26 10:02示例如下:<!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/htmlcharset=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 = 0i <arrStr.lengthi ++){
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 + "=aexpires=" + date.toGMTString()
}
function allCookie(){//读取所有保存的cookie字符串
var str = document.cookie
if(str == ""){
str = "没有保存任何cookie"
}
alert(str)
}
function $(m,$False$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>