js设置cookie的简单方法

JavaScript018

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(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"

}

首先JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：

document.cookie="name="+username

JS读取cookie:

var username=document.cookie.split("")[0].split("=")[1]

function setCookie(name,value)

{

var Days = 30

var exp = new Date()

exp.setTime(exp.getTime() + Days*24*60*60*1000)

document.cookie = name +"="+ escape (value) +"expires=" + exp.toGMTString()

}

读取cookies

function getCookie(name)

{

var arr,reg=new RegExp("(^| )"+name+"=([^]*)(|$)")

if(arr=document.cookie.match(reg))

return unescape(arr[2])

else

return null

}

扩展资料

服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。Cookies最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续，这些都是Cookies的功用。

另一个重要应用场合是“购物车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies，以便在最后付款时提取信息。