web前端细解cookie那些事,在互联网时代,IT行业飞速发展,带动了web前端开发行业的兴趣。由于行业新兴起时间不久,专业人才缺乏,薪资待遇较高,已成为众多IT学子选择就业的首选,今天就为分享一些有用的干货。

 

1.什么是cookie

cookie是浏览器缓存

缓存是什么?数据交换的缓冲区>>>>临时储存

cookie的特性, cookie生效在同一个域名下。cookie储存量有限。4~10k,不能储存50条,有过期时间。

>>>>缓存

2.cookie使用

document.cookie=''

cookie的格式要求。 名称=值;

会话cookie

回顾Date对象

setDate( ) 里面的参数超出日期时间后干什么

setDate(getDate()+8000)

expires=

'user=yanghuaizhi;expires='+d

封装cookie

function setCookie(name,value,expirs){

var d=new Date();

d.setDate(d.getDate()+expirs)

document.cookie=name+'='+value+';expires='+expirs

}

获取cookie

function getCookie( name ){

var arr=doucment.cookie.split(';  ');

for(var i = 0 ;  i < arr.length; i ++){

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

if(arr2[0]==name){

return arr2[1]

}

}

return ''

}

cookie的调试:

3.删除cookie

function removeCookie(name){

setCookie(name,1,-1);  // 1是随意设置的值,可以是任意值; -1是过期时间

}

cookie的封装

var cookie={

setCookie:function(name,value,date){

var d=new Date();

d.setTime(d.getTime()+date);

document.cookie=name+'='+value+';expires='+d;

},

getCookie:function(name){

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

for(var i = 0 ; i < arr.length; i ++){

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

if(arr2[0]==name){

return arr2[1];

}

}

return '';

},

removeCookie:function(name){

cookie.setCookie(name,'',-1)

}

}

转载于:https://www.cnblogs.com/gcghcxy/p/11171016.html

web前端细解cookie那些事相关推荐

  1. 前端flv.js设置缓冲时间和大小_好程序员web前端细解cookie那些事

    好程序员web前端细解cookie那些事,在互联网时代,IT行业飞速发展,带动了web前端开发行业的兴趣.由于行业新兴起时间不久,专业人才缺乏,薪资待遇较高,已成为众多IT学子选择就业的首选,今天就为 ...

  2. web前端怎么获取cookie?

    在前端开发中有些情况下需要获取用户的cookies,这样当用户下次登录网站的时候就不需要重复的去调整功能,那么你知道如何去实现吗? 先放一段完整的JS代码,后面都有功能备注,大家可以自己先看一下. 下 ...

  3. Web前端数据存储—cookie机制(设置,获取,删除cookie)

    今天看到cookie机制就来记录一下,我们前端一般存储cookie都是在登录的时候进行的,两种,选一个就行(其实都一样,只不过一个明细化了). 我们先了解一下 cookie: HTTPCookie,通 ...

  4. web前端怎么获取cookie?新手前端开发者需了解

    在前端开发中有些情况下需要获取用户的cookies,这样当用户下次登录网站的时候就不需要重复的去调整功能,那么你知道如何去实现吗? 先放一段完整的JS代码,后面都有功能备注,大家可以自己先看一下. 下 ...

  5. WEB前端 -- JavaScript获取cookie

    JavaScript 通过 document.cookie 来获取 cookie . 遗憾的是,document.cookie 只能获取所有 cookie 的集合,不能获取单个 cookie . 例如 ...

  6. 致刚入门的Web前端小伙伴,这些知识你了解吗?

    Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及F ...

  7. web前端培训费用一般需要多少?

    web前端开发的行业薪资在所有IT行业里面算是较高的一个,并且需求也在逐年上升,所以有更多的同学选择加入到前端工程师这个行业中,但却苦于怕被无良的培训机构坑骗,这里优逸客小编就来给大家介绍一下太原的w ...

  8. Web/前端存储简述

    Web/前端存储 Web/前端存储分为cookie和WebStorage: 1.cookie存储 特点:产生于服务器端,保存在客户端,同一服务器下保存的cookie数据共享,不同服务器的不共享,传输数 ...

  9. 点击部分刷新html ajax,一文全解web前端精简知识点

    Web 前端知识体系精简介绍,让你学web前端轻松容易,让你选择web前端更轻松容易! Never give up on something you really want. It's difficu ...

最新文章

  1. 被小扎誉为整个科技界的愿景,元宇宙到底是什么?
  2. Office365 Exchange Hybrid No.15 DNS切换及邮件传输排错
  3. [@Controller]4 详解@ModelAttribute
  4. [Termux]给Termux安装一个发行版Linux
  5. Undefined symbols for architecture i386问题解决方法
  6. [kubernetes] 证书详细总结
  7. php mail laravel,邮件 - Laravel - 为 WEB 艺术家创造的 PHP 框架。
  8. Arduino文档阅读笔记-attachInterrupt()
  9. Java基础学习总结(37)——Java23中设计模式(Design Patterns)详解
  10. 项目总结:初稿与定稿,方向相差180度
  11. ps上的字体可以商用吗?PS怎么方便的使用免费商用字体?
  12. 2018跟着小虎玩着去软考--信息系统项目管理师(趣味好玩讲解历年上午试题)-刘畅-专题视频课程...
  13. 微信小程序制作FC模拟器,从入坑到放弃
  14. 计算机共享文件误删怎么恢复,电脑数据恢复分享:电脑文件删除了怎么恢复
  15. 计算机函数sumif实例,Excel2019中SUMIF函数的语法及使用方法与实例
  16. flyme禁止系统更新_魅族怎么关闭系统更新
  17. 推广网店的12个秘诀
  18. iOS编程------SQLite / 数据库
  19. 热身赛T3(奖学金评定)
  20. Change Log - 更改日志

热门文章

  1. 利用BBRSACryptor实现iOS端的RSA加解密
  2. Cocos2d-x 3.2 学习笔记(四)学习打包Android平台APK!
  3. 安卓开发.四大组件.activity.1
  4. netnbsp;与nbsp;javascript脚本的几种交互方法
  5. Mysql 数据库水平分表 存储过程
  6. Single Image Haze Removal(图像去雾)-CVPR’09 Best Paper
  7. 如何利用MySQL加密函数保护Web网站敏感数据
  8. 数据库基础系列之一:MySQL账户
  9. 虚电路子网和数据报子网的比较
  10. 25--最后一个单词的长度