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

    2018-12-11 13:47:22
    //JS操作cookies方法! //设置cookies function setCookie(name,value,days) { // 设置cookie days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除 var exp = new Date(); exp.setTime(exp....
    //JS操作cookies方法!  
    
      //设置cookies  
      function setCookie(name,value,days) { // days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除
        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) { // 获取一个cookie  
        var strCookie = document.cookie;  
        var arr = strCookie.split(';');  
        for (var i = 0; i < arr.length; i++) {  
           var t = arr[i].split("=");  
            if(t[0] == name) {  
                return t[1];  
            }  
        };  
        return null;  
      } 
      //删除cookies  
      function delCookie(name) {
       setCookie(name, "", -1);
      } 
    
      //使用示例  
      setCookie("name","123");  
      alert(getCookie("name"));
    
    展开全文
  • Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前,基本上所有的网站都采用Cookie来跟踪会话。下面通过本文给大家介绍JScookie的使用及缺点,需要的朋友参考下吧
  • 原生js获取cookie

    2021-01-16 17:42:28
    var strcookie = document.cookie;//获取cookie字符串 var arrcookie = strcookie.split("; ");//分割 //遍历匹配 for ( var i = 0; i < arrcookie.length; i++) { var arr = arrcookie[i].split("="); if ...
    function getCookie(name){
        var strcookie = document.cookie;//获取cookie字符串
        var arrcookie = strcookie.split("; ");//分割
        //遍历匹配
        for ( var i = 0; i < arrcookie.length; i++) {
            var arr = arrcookie[i].split("=");
            if (arr[0] == name){
                return arr[1];
            }
        }
        return "";
    }

     

    展开全文
  • 主要是运用了原生js封装了一个cookie,然后使用了三个事件做拖拽,分别是onmousedown,onmousemove,onmouseup,这三个事件其中两个需要添加事件对象,也就是event,事件对象是一个不兼容的东西,所以需要处理兼容性...
  • 主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
  • 原生js操作cookie

    2020-12-06 10:42:57
    原生js操作cookie 1. 设置cookie 代码 function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); // var expires = "expires="+ d.toUTCString(); ...

    原生js操作cookie

    1. 设置cookie

    代码

    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000));
        // var expires = "expires="+ d.toUTCString();
        var expires = "expires="+ d.toGMTString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/;";
    }
    

    解释

    • cookie设置的过期时间比较的是GMT时间
    • getTime() 方法获取1970年01月01日午夜至今的毫秒数(GMT时间)
    • setTime() 的作用是设置日期对象,例如设置后的日期对象为:Thu Sep 17 2020 17:03:00 GMT+0800 (中国标准时间)。返回值是毫秒数。
    • toGMTString() 方法把日期对象转换为GMT时间字符串

    规则

    //有条数限制,这里设置了3条cookie
    Cookies.setCookie('name','guohui',3)
    Cookies.setCookie('color','red',1)
    Cookies.setCookie('gender','male',3)
    
    console.log(document.cookie)
    // 输出字符串 "name=guohui; color=red; gender=male"
    //cookie大小不能超过4kb
    // 注意:分号后面有空格,也就是‘ ’,最后一个cookie后面没有";"
    

    2. 获取cookie

    代码

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) === ' ') {
                c = c.substring(1);
             }
             if (c.indexOf(name) === 0) {
                return c.substring(name.length, c.length);
             }
         }
        return "";
    }
    

    思路

    1. 把 cookie 作为参数(cname)。
    2. 创建变量(name)与要搜索的文本(CNAME”=”)。
    3. 解码 cookie 字符串,处理带有特殊字符的 cookie,例如 “$”。
    4. 用分号把 document.cookie 拆分到名为 ca(decodedCookie.split(’;’))的数组中。
    5. 遍历 ca 数组(i = 0; i < ca.length; i++),然后读出每个值 c = ca[i]。
    6. 如果找到 cookie(c.indexOf(name) == 0),则返回该 cookie 的值(c.substring(name.length, c.length)。
    7. 如果未找到 cookie,则返回 “”。

    3. 删除cookie

    代码

    function deleteCookie(cname) {
        document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
    }
    

    4. 封装成一个静态对象

    代码

    var Cookies = {
        // 设置cookie
        setCookie: function (cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays*24*60*60*1000));
            var expires = "expires="+ d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        },
        // 获取cookie
        getCookie: function (cname) {
            var name = cname + "=";
            var decodedCookie = decodeURIComponent(document.cookie);
            var ca = decodedCookie.split(';');
            for(var i = 0; i <ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) === ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) === 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        },
        // 删除cookie
        deleteCookie: function (cname) {
            document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
        } 
    }
    
    展开全文
  • cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的...

    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代码如下:

    var username=document.cookie.split(";")[0].split("=")[1];
    //JS操作cookies方法!
    //写cookies
    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

    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();
    }
    //使用示例
    setCookie("name","hayden");
    alert(getCookie("name"));
    //如果需要设定自定义过期时间
    //那么把上面的setCookie 函数换成下面两个函数就ok;
    //程序代码
    function setCookie(name,value,time)
    {
    var strsec = getsec(time);
    var exp = new Date();
    exp.setTime(exp.getTime() + strsec*1);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
    }
    function getsec(str)
    {
    alert(str);
    var str1=str.substring(1,str.length)*1;
    var str2=str.substring(0,1);
    if (str2=="s")
    {
    return str1*1000;
    }
    else if (str2=="h")
    {
    return str1*60*60*1000;
    }
    else if (str2=="d")
    {
    return str1*24*60*60*1000;
    }
    }
    //这是有设定过期时间的使用示例:
    //s20是代表20秒
    //h是指小时,如12小时则是:h12
    //d是天数,30天则:d30
    setCookie("name","hayden","s20");

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

    展开全文
  • 原生js创建cookie对象

    2019-10-13 22:41:33
    var date=new Date(); date.setTime(date.getTime()+3*60*60*1000); document.cookie="abc=cba; Expires="+date.toGMTString(); //红字部分改变一下就可以 alert(document.cook...
  • 原生JAVASCRIPT操作cookie方法

    千次阅读 2018-03-07 16:13:20
    在前端进行操作时,有的时候要传很多参数,这个时候,我们可以把这些参数拼接到url后面进行传值,那边在接收参数,不过这样挺麻烦的,如果把这些数据放到cookie里面,就开发者的开发效率来说,我想会高一些 ...
  • 原生jscookie操作

    千次阅读 2014-02-26 14:34:50
    //保存cookie,time参数毫秒 function setCookie(name, value, time){  var exp = new Date();  exp.setTime(exp.getTime() + (+time)); //过期时间  document.cookie = name + "="+ escape (value) + ";...
  • js 原生方法操作 cookie 详解 客户端存储小型数据的方式有 cookie 和 storage 两种 这两种存储方式都是基于站点的,也就是说不同的站点有不同的cookie和storage cookie 是 document 的属性,也就是 window.document...
  • 原生js cookie本地存储

    2021-04-01 23:03:52
    JS cookie 1、概述 cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。 如果没expires,那么下次打开网页,cookie就会消失,这个就是会话机制 2、格式 name=value; [expires=date]; ...
  • 手写cookie操作功能,纯正,有效,适合所有开发者使用。 使用:1、引入Cookie.js; 2、存储:Cookie.setCookie('name','andy'); 3、获取:Cookie.getCookie('name');
  • 原生js获取cookie

    万次阅读 2019-05-07 20:37:16
    获取cookie // 获取指定名称的cookie function getCookie(name){ var strcookie = document.cookie;//获取cookie字符串 var arrcookie = strcookie.split("; ");//分割 //遍历匹配 for ( var i = 0; i < ...
  • 原生JS获取cookie

    千次阅读 2018-11-16 19:55:33
    原生JS获取cookie var name = "ucenterKey"; var ucenterKey; var strcookie = document.cookie;//获取cookie字符串 var arrcookie = strcookie.split("; ");//分割 //遍历匹配 for ( var ...
  • 基于原生jscookie操作的库支持typescript,获取,设置删除 方法及报错处理
  • 原生js 获取cookie中的数据 例如需要获取cookie中的“Admin-Token” function getCookie(cookie_name) { var allcookies = document.cookie; var cookie_pos = allcookies.indexOf(cookie_name); if (cookie_...
  • <!DOCTYPE html> <... <head> <meta charset="UTF-8"> <...jsCookie</title> </head> <body> <form id="form1" action="http://www.apple.com"> user
  • js-msgboard 原生JS写的留言板,数据存在cookie
  • 设置cookie function setCookie(key,value,day){ if( day ){ //说明要设置生存期 var now = new Date(); now.setDate( now.getDate() +day ); document.cookie = `${key}=${value};expires=${now}`; }else{ ...
  • 设置cookie key:String 键名 val:String 值 expires:string 到期时间 单位秒 */ setCookie(key,val,expires){ let nowTime = new Date().getTime(); let endTime = new Date(nowTime + expires*1000);
  • 原生js封装cookie插件

    千次阅读 2019-06-21 16:42:40
    最近迷上了react,用react模拟之前的系统,做登录的时候,发现需要用到cookie,之前用的跟vue搭配的VueCookie,我就在想啊,react应该也会有相应的cookie插件吧!百度一下,果然,是有的,那就是react-cookie,看...
  • 下面小编就为大家带来一篇原生JS 购物车及购物页面的cookie使用方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • cookie:页面用来保存信息,同一个网站的所有页面共享一套cookie(同一个域名),数量、大小有限,有过期时间。 cookie的使用 var oDate = new Date() oDate.setDate(oDate.getDate() + 8) document.cookie =...
  • 原生JS封装Cookie

    2019-04-14 10:48:52
    const Cookie = { set (name, value, expires, domain, path, secure) { let cookieText = '' cookieText += `${encodeURIComponent(name)}=${encodeURIComponent(value)}` if (expires instanceof Da...
  • 原生JS:封装cookie

    2021-01-26 09:13:47
    原生JS:封装cookie cookie的使用相对于localStorage和sessionStorage比较麻烦,为了方便cookie的使用,减少代码的冗余,对cookie进行封装 // cookie的增、改 function setCookie(name, content, iDay) { // name...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,162
精华内容 7,664
关键字:

原生js写cookie