js设置cookie的简单方法

JavaScript024

js设置cookie的简单方法,第1张

一,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值。

js操作COOKIE,直接给document加上cookie就可以了,但是一般如果单个的加会很麻烦所以一般会直接写好一个函数,可以直接操作cookie,这样就很方便了

setCookie这个是写入cookie,第一个是名称,第二个是cookie值,第三个是过期时间

getCookie这个是查找cookie

removeCookie这是你需要删除的cookie

function setCookie(name, value, iDay) 

{

var oDate=new Date()

oDate.setDate(oDate.getDate()+iDay)

document.cookie=name+'='+encodeURIComponent(value)+'expires='+oDate

}

function getCookie(name)

{

var arr=document.cookie.split(' ')

var i=0

for(i=0i<arr.lengthi++)

{

//arr2->['username', 'abc']

var arr2=arr[i].split('=')

if(arr2[0]==name)

{

var getC = decodeURIComponent(arr2[1])

return getC

}

}

return ''

}

function removeCookie(name)

{

setCookie(name, '1', -1)

}

在 JS(JavaScript) 操作cookies比较复杂,在 ASP 里面我们只需要知道 cookie 的名称、cookie 的值就行了,而 JS 里面,我们面对的是 cookie 的字符串,你自己编写这个字符串写入客户端,然后自己解析这个字符串。

一、从写 cookie 说起。

var the_date = new Date("December 31, 2020")

var expiresDate = the_date.toGMTString()

document.cookie = "userDefineCSS=" + escape(title) + "expires=" + expiresDate

第一句是日期对象;

第二句将日期格式转换成 GMT 格式;编者者: GMT 即格林威治标准时间,现在也称 UTC 即全球标准时间。

第三句是将 cookie 内容写入客户端。

其中 expires 是系统使用的,表示 cookie 的失效日期(也可以省略),expires 不可读。

escape 是对 cookie 值进行编码,这是为了处理中文、空格等而设立的。

二、取 cookie 是比较简单的。

function GetCSS()

{

var cookieStr = document.cookie//取 cookie 字符串,由于 expires 不可读,所以 expires 将不会出现在 cookieStr 中。

if (cookieStr == "")

{

return "main1"//没有取到 cookie 字符串,返回默认值

}

var cookieValue = cookieStr.split("")//将各个 cookie 分隔开,并存为数组,多个 cookie 之间用分号加空隔隔开,不过前面我们只使用了一个 cookie,它的值与 expires 之间也是用分号加空格隔开的

var varName = "userDefineCSS"

var startPos = -1

var endPos = -1

for (var i=0i<cookieValue.lengthi++)

{

startPos = cookieValue[i].indexOf(varName)

if (startPos != 0)

{

continue//当前 cookie 不是名称为 varName 的 cookie,判断下一个 cookie

}

startPos += varName.length + 1//当前 cookie 就是名称为 varName 的 cookie,由于有等号,所以 +1

endPos = cookieValue[i].length

var css = unescape(cookieValue[i].substring(startPos, endPos))

return css

}

return "main1"

}