精华内容
下载资源
问答
  • 原生js操作cookie

    2016-12-21 15:04:00
    写cookie 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...

    写cookie

    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();
    }

    读取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();
    }

     

    转载于:https://www.cnblogs.com/xiaoquangege/p/6207750.html

    展开全文
  • 原生js cookie本地存储

    2021-04-01 23:03:52
    JS cookie 1、概述 cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。 如果没expires,那么下次打开网页,cookie就会消失,这个就是会话机制 2、格式 name=value; [expires=date]; ...

    JS cookie

    1、概述

    cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。
    如果没写expires,那么下次打开网页,cookie就会消失,这个就是会话机制
    2、格式

    name=value; [expires=date]; [path=path]; [domain=somewhere.com];
    [secure]
    encodeURIComponent函数可以:将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件
    上面的方法主要用于协议、主机名、路径或查询字符串
    3、封装函数

    设置cookie

    function setCookie(name,value,day,path){
    	var cookieText=encodeURIComponent(name)+"="+encodeURIComponent(value);		//encodeURIComponent
    	if(day>0){
    		var myDate=new Date();
    		myDate.setDate(myDate.getDate()+day);
    		cookieText+=";expires="+myDate;
    	}
    	if(path){
    		cookieText+=";path="+path;
    	}
    	document.cookie=cookieText;
    }
    

    获取cookie

    function getCookie(name){
    	var i=document.cookie.indexOf(name);
    	if(i!=-1){
    		var start=i+name.length+1;
    		var end=document.cookie.indexOf(";",i);
    		if(end==-1){
    			end=document.cookie.length;
    		}
    		
    		return document.cookie.substring(start,end);
    	}
    }
    

    删除cookie

    function removeCookie(name){
    	var i=document.cookie.indexOf(name);
    	if(i!=-1){
    		var start=i+name.length+1;
    		var end=document.cookie.indexOf(";",i);
    		if(end==-1){
    			end=document.cookie.length;
    		}
    		let val=document.cookie.substring(start,end);
    	}
    	
    	if(val!=undefined){
    		document.cookie=name+"="+val+";expires="+new Date(0);
    	}
    }
    

    cookie的特性

    cookie自身局限性

    条数上的限制,最多20条
    大小上的限制,最多4k(4096字节)
    cookie安全性较低,不能存放敏感数据
    带宽的浪费
    Cookie 通过在客户端记录信息确定用户身份, Session 通过在服务器端记录信息确定用户身份。
    cookie 与 session 的区别

    cookie 数据存放在客户的浏览器上,session 数据放在服务器上

    考虑到安全应当使用 session

    session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能,考虑到减轻服务器性能方面,应当使用COOKIE。

    展开全文
  • 项目中经常用到的方法,放这边省的其他项目用到了还要重新或者翻以前项目 cookie: const setCookie = (name, value, expire) => { let date = new Date(); date.setSeconds(date.getSeconds() + expire); ...

    项目中经常用到的方法,放这边省的写其他项目用到了还要重新写或者翻以前项目
    cookie:【微信公众号里面使用的cookie看这里,这个不适用公众号cookie操作封装】

    const setCookie = (name, value, expire) => {
    	let date = new Date();
    	date.setSeconds(date.getSeconds() + expire);
    	document.cookie = name + " = " + escape(value) + "; expires=" + date.toGMTString();
    };
    
    const getCookie = (name) => {
    	var arr;
    	const reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    	arr = document.cookie.match(reg);
    	if (arr) {
    		return unescape(arr[2]);
    	} else {
    		return null;
    	}
    };
    //读取cookies 
    const readCookie = (name) => {
    	let arr = null
    	let reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')
    	if (document.cookie && (arr = document.cookie.match(reg))) {
    		return unescape(arr[2])
    	} else {
    		return null;
    	}
    }
    
    const delCookie = (name) => {
    	let exp = new Date();
    	exp.setTime(exp.getTime() - 1);
    	let cval = getCookie(name);
    	if (cval != null) {
    		document.cookie = name + " = " + cval + "; expires=" + exp.toGMTString();
    	}
    };
    
    export default {
    	setCookie,
    	getCookie,
    	readCookie,
    	delCookie
    };
    
    

    localStorage:

    const setItem = function(key, value) {
    	if (value == null || value == undefined || value == 'undefined') {
    		localStorage.setItem(key, value)
        }else{
    		localStorage.setItem(key, JSON.stringify(value))
    	}
    }
    
    const getItem = function(key) {
        let value = localStorage.getItem(key)
        if (value == null || value == undefined || value == 'undefined') {
            return ''
        }
        return JSON.parse(value)
    }
    
    const removeItem = function(key) {
        if (!key) {
            return
        }
        localStorage.removeItem(key)
    }
    
    const clearAll = function() {
        localStorage.clear()
    }
    
    export default {
        setItem,
        getItem,
        removeItem,
        clearAll
    }
    
    展开全文
  • jquery.cookie插件库和js.cookie的作者都是Klaus Hartl ...这两个都可以读、和删除cookie。 两个库的下载地址链接:http://pan.baidu.com/s/1i5M4ne1 密码:9pumjs.cookie 库介绍 一个简单的、轻量级的javasc

    jquery.cookie插件库和js.cookie的作者都是Klaus Hartl (github地址:https://github.com/carhartl)。这两个都可以读、写和删除cookie。

    两个库的下载地址

    链接:http://pan.baidu.com/s/1i5M4ne1 密码:9pum

    js.cookie 库介绍

    一个简单的、轻量级的javascript api来处理cookie

    1、演示图

    演示图

    2、浏览器兼容性情况

    image

    3、下载

    直接点击这里下载

    最新版请访问官方github

    或者通过 npm 、Bower 下载,名字为 js-cookie

    4、使用

    • 创建一个整站cookie
    Cookies.set('name', 'value');
    • 创建一个整站cookie ,cookie 的有效期为 7 天
    Cookies.set('name', 'value', { expires: 7 });
    • 创建一个仅对 path 路径页面有效的 cookie ,cookie 的有效期为 7 天
    Cookies.set('name', 'value', { expires: 7, path: '' });
    • 读取 cookie
    Cookies.get('name'); // 如果cookie存在 则获取到cookie值 => 'value'
    Cookies.get('nothing'); // 如果cookie不存在 则返回 => undefined
    • 获取所有可见的 cookie
    Cookies.get(); // 数据格式 => { name: 'value' }

    image

    • 删除 cookie
    Cookies.remove('name');
    • 删除 path 路径下的 cookie
    Cookies.set('name', 'value', { path: '' });
    Cookies.remove('name'); // fail!
    Cookies.remove('name', { path: '' }); // removed!

    5、命名空间冲突问题

    如果 Cookies 存在命名空间冲突问题,noConflict 函数可以解决这个问题

    var Cookies2 = Cookies.noConflict();
    Cookies2.set('name', 'value');

    6、JSON

    Cookies.set('name', { foo: 'bar' });
    Cookies.get('name'); // => '{"foo":"bar"}'
    Cookies.get(); // => { name: '{"foo":"bar"}' }

    Cookies.getJSON 的使用

    Cookies.getJSON('name'); // => { foo: 'bar' }
    Cookies.getJSON(); // => { name: { foo: 'bar' } }

    7、属性

    domain

    创建cookie所在网页所拥有的域名

    Cookies.set('name', 'value', { domain: 'weber.pub' });
    Cookies.get('name'); // => undefined (需要读取 'weber.pub' 这个域名下的 cookie)

    secure

    默认是false,如果为true,cookie的传输协议需为https;

    Cookies.set('name', 'value', { secure: true });
    Cookies.get('name'); // => 'value'
    Cookies.remove('name', { secure: true });

    jquery.cookie 介绍

    一个简单的、轻量级的jQuery插件来处理cookie的读写和删除。

    1、依赖jQuery库

    2、浏览器兼容性情况

    浏览器兼容性情况

    3、下载

    官方github:https://github.com/carhartl/jquery-cookie

    4、使用

    • 创建一个整站cookie
    $.cookie('name', 'value');
    • 创建一个整站cookie ,cookie 的有效期为 7 天
    $.cookie('name', 'value', { expires: 7 });
    • 创建一个仅对 path 路径页面有效的 cookie ,cookie 的有效期为 7 天
    $.cookie('name', 'value', { expires: 7, path: '/' });
    • 读取 cookie
    $.cookie('name'); // 如果cookie存在 则获取到cookie值 => 'value'
    $.cookie('nothing'); // 如果cookie不存在 则返回 => undefined
    • 获取所有可见的 cookie
    $.cookie(); // 数据格式 => { name: 'value' }
    • 删除 cookie
    $.removeCookie('name'); // => true
    $.removeCookie('nothing'); // => false
    • 删除带属性的cookie
    $.cookie('name', 'value', { path: '/' });
    // 错误
    $.removeCookie('name'); // => false
    // 正确
    $.removeCookie('name', { path: '/' }); // => true

    5、属性

    domain

    创建cookie所在网页所拥有的域名

    $.cookie('name', 'value', { domain: 'weber.pub' });

    secure

    默认是false,如果为true,cookie的传输协议需为https;

    $.cookie('name', 'value', { secure: true });
    $.cookie('name'); // => 'value'
    $.removeCookie('name', { secure: true }); 

    raw

    默认为false,读取和写入时候自动进行编码和解码(使用encodeURIComponent编码,使用decodeURIComponent解码),关闭这个功能,请设置为true。

    $.cookie.raw = true;

    json

    $.cookie.json = true;
    展开全文
  • 手写cookie操作功能,纯正,有效,适合所有开发者使用。 使用:1、引入Cookie.js; 2、存储:Cookie.setCookie('name','andy'); 3、获取:Cookie.getCookie('name');
  • 使用原生JS操作方法在上篇文章中已经过,原生JS虽然更简单,但是操作起来还是比较费力的,下面我们一起来看下更加简单方便的几种方法。 1.jQuery Cookie ​jQuery Cookie是一个简单、轻巧的jQuery插件,主要用于...
  • 原生JS阶段知识点总结 历经了2个月每天接近12小时的JS学习,至此已经讲完了JS的数据类型,判断语句,循环语句,进制,函数,数组,字符串,math对象,定时器,dom,bom,事件,键盘,轮播图,滑块验证,鼠标事件,弹...
  • 今天老大交给我一个任务,好高端,用jq往Cookie存值,但是由于是已经成型的项目,又是去更新api,所以我并不打算引入Cookies.js,所以网上找了些原生js的写法,结合了很多大哥的经验,终于出了一个不报错的而且不...
  • nodejs原生http路由接口 // www.js ./bin/www.js 总闸 const http = require('http') const serverHandle = require('../app.js') const server = http.createServer((req, res) => { serverHandle(req, res) })...
  • 研究jscookie操作

    2018-08-15 14:32:15
    学习js操作cookie,可自己开发一个cookie读取存储功能,你也可以! 很久以前想把一些数据存储在客户端,想了很久不知道怎么写入cookie,实在因为赶进度就用了别人的,可是让我头疼的是有时候会报错,我也很无奈很...
  • 浏览器同源策略 同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方...无法读取非同源网页的cookie、localStorage、IndexDB 跨域解决 方法一 jsonp 原理 <script src=
  • JS cookie 1、概述 cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。 如果没expires,那么下次打开网页,cookie就会消失,这个就是会话机制 2、格式 name=value; [expires=date]; ...
  • 之前有过一篇原生 jscookie 介绍,并且最后封装成 cookie.js 具体内容点击传送门。 jquery.cookie.js 是一款轻量级的 cookie 插件,可以读取,写入和删除 ...
  • 在浏览器的世界里, 客户端数据的持久化一直都是一个比较难处理的问题. 在众多的解决方案中, 使用cookie是一个最为方便快捷的方法. ...//原生js调用: MyCookie.set('key1','value1'); console....
  • jquery.cookie.js的见解

    2015-09-22 11:27:42
    所以原生js理解起来很困难,不过偶然的机会看到了jq封装好的一个短小精悍的cookie插件。下载地址----->点击打开链接。 话不多说,来看看都能干点什么吧! 使用方法这个不多说了吧! 一个简单的,...
  • cookie的三种操作方法

    2015-10-07 20:01:00
    1,jquery.cookie.js 这一篇文章已经的很详细了: ... 2,原生js操作cookie jquery.cookie.js一般会出现cookie不兼容问题就要用原生的js了 <script language=javascript> ...
  • 一:只需要在main.js中这三行代码即可import axios from 'axios'axios.defaults.withCredentials=true;//让ajax携带cookieVue.prototype.$axios = axios;...顺便说一下原生js携带cookie的方法:xhrFields: {wi...
  • cookie的设置和获取

    2020-09-02 15:48:54
    cookie的设置获取原生获取cookie的... import Cookies from 'js-cookie' //在那个文件里面用就到哪里 下面展示一些 内联代码片。 ses.token = res.data.result.token //获取token Cookies.set('xiaojiejie',se
  • vue发送post请求时如何携带cookie

    万次阅读 2018-08-09 10:03:58
    只需要在main.js中这三行代码即可 import axios from 'axios' axios.defaults.withCredentials=true;//让ajax携带cookie Vue.prototype.$axios = axios;...顺便说一下原生js携带cookie的方法:  ...
  • 只需要在main.js中这三行代码即可 import axios from ‘axios’ axios.defaults.withCredentials=true;//让ajax携带cookie Vue.prototype.$axios = axios;...顺便说一下原生js携带cookie的方法: xh...
  • 1、我们原生的创建服务,设置监听,处理请求之前已经过。这里介绍的express可以理解是基于基础之上的一个框架,既然是框架,里面肯定封装了很多东西,我们用的时候会方便很多,到底方便在哪里,我们个例子就知道...
  • 原生js方法没有直接获取cookie中值的,所以我在vue的项目中我自己了个获取cookie值的方法(还有删除与设置cookie的方法还没去,大家一起来补充完善) <!-- 在使用的页面中 --> methods: { ...
  •  记得在刚刚基础js的时候过一个原生cookie换肤效果,但是使用起来不是很方便,所以闲时变用jQuery自己封装了一个换肤效果。其原理和原生js一样,都是通过cookie进行效果的展示。  本文存在的问题:操作...
  • 原生js发送ajax请求4.JSONP使用与原理1.jsonp使用2.jsonp原理3.jsonp实现 一、网络 1.IP地址 IP是相对网络来说的 Internet上的计算机IP是唯一的,一个IP地址对应一个计算机。 一台计算机上面可以有好多个服务,也...
  • 地狗对天猫嘛,之前都没有...甚至到现在要用原生js获取父盒子或者子盒子的子盒子的时候,都很抗拒使用js。这一次的练习主要是针对购物车的js,貌似记得用上了cookie,但是cookie不是我的,是我去网上找的网友的成...
  • 3.25

    2019-03-25 17:05:51
    原生Js的学习感觉不是一天两天可以完成的,想试着很多功能,直接不出来的,但是常规功能百度都能搜到,所以也矛盾要不要花很多时间去记一些代码。或者只是能把它们看懂,知道修改就好了。 看到原型里面有...

空空如也

空空如也

1 2 3
收藏数 50
精华内容 20
关键字:

原生js写cookie