在JS中使用cookie

在浏览器中,能跨几个页面的数据大概就那么几种,session、cookie、localStorage、web SQL、本地数据库、文件操作……这次来说说cookie。

JavaScript是运行在客户端的脚本,因此用JS操作运行在客户端的cookie是可行的。

了解Cookie

简单地说:cookie是以键值对的形式保存的,即key=value的格式。各个cookie之间一般是以“;”分隔。cookie是保存在本地文件的,最大不能超过4K。

设置Cookie

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

document.cookie="name="+username;

读取Cookie


function getCookie(name){

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

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

 return unescape(arr[2]);

 else{

  return null;

 }

}

清空Cookie

function delCookie(name){

var exp = new Date();

exp.setTime(exp.getTime() - 1);

var cval=getCookie(name);

if(cval!=null)

document.cookie= name + "="+cval+";expires="+exp.toGMTString();

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript是运行在客户端的脚本,一般是不能够直接设置Session的,因为Session是运行在服务器端...
    hh_王小米阅读 1,550评论 2 0
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 993评论 0 2
  • JS设置cookie: 假设在A页面中要保存变量username的值("jack")到cookie中,key值为n...
    Vivian33阅读 7,624评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,142评论 1 10
  • 目前除了没有调试外相比mono比较有了折叠,代码高亮提示,更熟悉的操作界面.....相比VS Code 配置简单,...
    Wwnje阅读 2,699评论 0 0