您的位置:首页 > Web前端 > JavaScript

JS设置cookie、读取cookie、删除cookie

2016-04-06 09:45 369 查看
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。

而cookie是运行在客户端的,所以可以用JS来设置cookie.

假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值,那么如何来设置和读取cookie呢?

首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式。各个cookie之间一般是以“;”分隔。

JS设置cookie:

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

复制代码 代码如下:

document.cookie="name="+username;

JS读取cookie:

假设cookie中存储的内容为:name=jack;password=123

则在B页面中获取变量username的值的JS代码如下:

?
读取cookies

?
删除cookies

?
以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

js删除所有的cookie的代码
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
JS读取cookies信息(记录用户名)
JS操作Cookies包括(读取添加与删除)
JS保存和删除cookie操作 判断cookie是否存在
httpclient模拟登陆具体实现(使用js设置cookie)
js中的cookie的读写操作示例详解
js设置cookie过期当前时间减去一秒相当于立即过期
JS实现清除指定cookies的方法
javascript创建cookie、读取cookie
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: