<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript">
function readCookie (name)
{
var cookieValue = ""
var search = name + "="
if (document.cookie.length > 0)
{
offset = document.cookie.indexOf (search)
if (offset != -1)
{
offset += search.length
end = document.cookie.indexOf ("", offset)
if (end == -1)
end = document.cookie.length
cookieValue = unescape (document.cookie.substring (offset, end))
}
}
return cookieValue
}
function writeCookie (name, value, hours)
{
var expire = ""
if (hours != null)
{
expire = new Date ((new Date ()).getTime () + hours * 3600000)
expire = " expires=" + expire.toGMTString ()
}
document.cookie = name + "=" + escape (value) + expire
}
writeCookie ("myCookie", "my name", 24)
alert (readCookie ("myCookie"))
</script>
</head>
<body>
</body>
</html>
直接赋值。不设置时间的话，默认浏览器关闭cookie失效document.cookie = "name="+value
写个函数动态调用
//设置或添加cookie
function setCookie(name,value,time){ var str = name + "=" + escape(value) if(time >0){var date = new Date() var ms = time*3600*1000 date.setTime(date.getTime() + ms) str += "expires=" + date.toGMTString() }document.cookie = str}//获取cookie function getCookie(name){ //cookie中的数据都是以分号加空格区分开 var arr = document.cookie.split("") for(var i=0i<arr.lengthi++){ if(arr[i].split("=")[0] == name){ return arr[i].split("=")[1] }}//未找到对应的cookie则返回空字符串 return '' }//删除cookie function removeCookie(name){ document.cookie = name+"=expires="+(new Date(0)).toGMTString()}
一，js设置cookie的用处
php可以设置cookie的，用js来设置cookie有什么好处呢？在前端进行 *** 作时，有的时候要传很多参数，这个时候，我们可以把这些参数拼接到url后面进行传值，那边在接收参数，不过这样挺麻烦的，如果把这些数据放到cookie里面，就开发者的开发效率来说，我想会高一些，以淘宝为例，他有一级分类，二级分类，三级，四级，我们找商品的时候，可能会牵扯到很多条件，如果把这些条件都放到cookie里面，我感觉就方便多了，不知道淘宝是不是这样的。淘宝的url是加了密的，并且好长，有可能是根在url的后面。费话不多说看一个小例子。
二，js实例
调用一下上面方法：
setCookie("test","tank",1800) //设置cookie的值，生存时间半个小时
alert(getCookie('test')) //取得cookie的值，显示tank
clearCookie("test") //删除cookie的值
alert(getCookie('test')) //test对应的cookie值为空，显示为false.就是getCookie最后返的false值。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）