JS中对Cookie的操作详解

 更新时间:2016年08月05日 16:32:56   作者:hsd2012  
这篇文章主要为大家详细介绍了JS中对Cookie的具体操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前言

cookie设置

参数说明:
name cookie 名称,key值
value 可选,cookie 值
expire 可选,过期时间,时间戳格式
path 可选,服务器端有效路径,/ 表示整个域名有效,默认为当前设置 cookie 时页面的路径
domain 可选,该 cookie 有效的域名
secure 可选。规定是否通过安全的 HTTPS 连接来传输 cookie。

代码的封装

(function(){
 var cookieObj={
   'add':function(name, value, hours){ //修改或是添加cookie
    var expire = "";
    if(hours != null){
     expire = new Date((new Date()).getTime() + hours * 3600000);
     expire = "; expires=" + expire.toGMTString();
    }    
    document.cookie = name + "=" + escape(value) + expire + ";path=/";
    //如果指定域名可以使用如下
    //document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
   },
   'get':function(c_name){//读取cookie
    if (document.cookie.length>0){
      c_start=document.cookie.indexOf(c_name + "=")
      if (c_start!=-1){ 
      c_start=c_start + c_name.length+1 
      c_end=document.cookie.indexOf(";",c_start)
      if (c_end==-1){
       c_end=document.cookie.length
      }
      return unescape(document.cookie.substring(c_start,c_end))
      } 
      }
     return "";
   }
 };
 window.cookieObj=cookieObj;
}());

调用测试

cookieObj.add('myWeb','http://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Javascript writable特性介绍

    Javascript writable特性介绍

    这篇文章主要介绍了Javascript writable特性介绍,本文用浅显易懂的语言讲解了writable的特性,需要的朋友可以参考下
    2015-02-02
  • JS if else语句(条件判断语句)的详细使用

    JS if else语句(条件判断语句)的详细使用

    条件语句用于基于不同的条件来执行不同的动作,下面这篇文章主要给大家介绍了关于JS if else语句(条件判断语句)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • Javascript ES6中数据类型Symbol的使用详解

    Javascript ES6中数据类型Symbol的使用详解

    Symbol类型是es6新增的一个数据类型,Symbol值通过Symbol函数生成Symbol类型是保证每个属性的名字都是独一无二的,对于一个对象由对个模块构成的情况非常有用,本文主要介绍了Javascript ES6中数据类型Symbol使用的相关资料,需要的朋友可以参考下。
    2017-05-05
  • 详解ES6系列之私有变量的实现

    详解ES6系列之私有变量的实现

    这篇文章主要介绍了详解ES6系列之私有变量的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • Bootstrap源码学习笔记之bootstrap进度条

    Bootstrap源码学习笔记之bootstrap进度条

    本文通过源码给大家解析bootstrap进度条样式,分为条纹进度条,动态条纹进度条,层叠进度条和带Label的进度条,下面通过代码给大家简单介绍下,感兴趣的朋友一起看看吧
    2016-12-12
  • js实现新闻轮播效果

    js实现新闻轮播效果

    这篇文章主要为大家详细介绍了js实现新闻轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 微信小程序中富文本编辑器的实现

    微信小程序中富文本编辑器的实现

    富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里。本文将详解一下微信小程序中富文本编辑器的实现与使用,需要的可以参考一下
    2022-06-06
  • 详解JavaScript的内存空间、赋值和深浅拷贝

    详解JavaScript的内存空间、赋值和深浅拷贝

    这篇文章主要介绍了JavaScript的内存空间、赋值和深浅拷贝,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Echarts图表位置调整的图文教程

    Echarts图表位置调整的图文教程

    实际过程中你会发现图表在div中的位置不太理想,这时怎么去调整呢?下面这篇文章主要给大家介绍了关于Echarts图表位置调整的相关资料,需要的朋友可以参考下
    2022-10-10
  • JS获取html对象的几种方式介绍

    JS获取html对象的几种方式介绍

    这篇文章主要介绍了JS获取html对象的几种方式,有需要的朋友可以参考一下
    2013-12-12

最新评论