document.cookie 使用小结

目录
  • 一、cookie设置
  • 二、修改cookie值
  • 三、获取cookie值
  • 四、删除cookie值

一、cookie设置

1、每个cookie都是键/值对,设置多个时,用;隔开,如:document.cookie = "userid=9;username=echo";

  cookie值:只能用 可以用在url编码中的字符,所以要用escape()函数进行编码,再用unescape()进行解码获取对应的值

  所以如下设置:document.cookie = "username="+escape("hello");

2、设置username=echo的cookie值在10天后过期

<script>
    //设置10天后过期
    var expires = new Date();
    expires.setTime(expires.getTime()+10*24*60*60*1000);
    document.cookie = "username="+escape('echo')+";expires="+expires.toGMTString();
</script>

二、修改cookie值

修改cookie值,只需要重新赋值 document.cookie = "username="+escape("echo");

三、获取cookie值

  var str = document.cookie; 获取的是所有cookie值,若要获取单个值,可以如下操作:

<script>
    //设置cookie值
    document.cookie = "userid=9;username=echo";
    //获取cookie值
    var str = document.cookie;
    //将值切割成数组
    var arr = str.split(";");
    var userid;
    //遍历数组
    for(var i=0;i<arr.length;i++){
        var value = arr[i].split("=");
        if(value[0] == 'userid'){
            userid = value[1];
        }
    }
    alert(userid);
</script>

四、删除cookie值

  只需要把失效日期改成比现在日期早一点(这里是早 10 毫秒),再用同样的方法设定 Cookie,就可以删掉 Cookie 了。

<script>
    //删除cookie
    var expires = new Date();
    expires.setTime(expires.getTime() - 10);
    document.cookie = 'username='+escape('echo')+';expires=' + expires.toGMTString();
</script>

到此这篇关于document.cookie 使用的文章就介绍到这了,更多相关document.cookie 使用内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

时间: 2022-06-21

关于document.cookie的使用javascript

document.cookie="userId=828"; 如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如: document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分号(;).逗号(,).等号(=)以及空格.在cookie的名中做 到这点很容易,但要保存的值是不确定的.如何来存储这些值呢?方法是用escape()函数进行编 码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为

关于Javascript中document.cookie的使用

设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; 如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如: document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分号(;).逗号(,).等号(=)以及空格. 在cookie的名中做到这点很容易,但要保存的值是不确定的

基于js中document.cookie全面解析

什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值. 设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; document.cookie看上去就像一个属性,可以赋不同的值.但它和一般的属性不一样,改变它的赋值并不

Javascript中document.referrer隐藏来源的方法

前言 本文为大家讲解的是关于Javascript中document.referrer隐藏来源的方法探讨,感兴趣的同学参考下. 关于隐藏来路 Referrer 在某些情况下很有用,国外网赚界使用的非常广泛.比如流量提供方由于不想让联盟知道自己的流量来源,就需要隐藏自己来源网站的 referer. document.referrer document.referrer是用来获取跳转链接的来源,正规的解释是:referrer 属性可返回载入当前文档的文档的 URL. 实际中使用在广告相关业务中较多,包

详谈javascript中的cookie

JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求. cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由JavaScript对其进行控制,而并不是JavaScript本身的性质. cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的, 尽管这样能达到一个模拟 全局变量的功能,但并不严谨.例如在导航框架页面内右击,单击快捷菜单中的[刷新]命令,则所有的JavaSc

JavaScript中document对象使用详解

对象属性 复制代码 代码如下: document.title                 //设置文档标题等价于HTML的<title>标签 document.bgColor               //设置页面背景色 document.fgColor               //设置前景色(文本颜色) document.linkColor             //未点击过的链接颜色 document.alinkColor            //激活链接(焦点在此链接上)的

JavaScript中document.referrer的用法详解

前言 在JavaScript中,document对象有很多属性,其中有3个与对网页的请求有关的属性,它们分别是URL.domain和referrer. URL属性包含页面完整的URL,domain属性中只包含页面的域名,而referrer属性中则保存着链接到当前页面的那个页面的URL. 前面两个很好理解,而referrer属性简单来说就是上一个页面的URL.那么这个属性具体有什么用处呢? 在H5页面中,我们经常要在头部加个返回上一个页面按钮,就像下面这样的: 页面头部 点击左侧的元素可以返回到上

JavaScript中document.forms[0]与getElementByName区别

首先我们来看个示例: 复制代码 代码如下: <form name="buyerForm" method="post" action="/mysport/control/user/list.do"> <input type="checkbox" id="usernames" value="testtest" >testtest<br> <input

javascript中方便增删改cookie的一个类

主要是通过对document.cookie字符串的分析来进行功能的组装的. 温习一下javascript中对cookie的操作: 增加cookie可以用document.cookie="userId=111";来实现 完整版可以用:document.cookie="userId=111;domain=.google.com;path=\;secure=secure;expire="+date.toGMTString(); 可以设置cookie的过期时间,域名,路径

javascript 中Cookie读、写与删除操作

 javascript 中Cookie读.写与删除操作 前言: 在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决,但是对于部分需要改变的参数,你如说从页面A到页面B选择数据,然后从页面B将数据再传到页面A(典型的栗子就是收货地址的选择),针对这一块我是通过存储cookie来解决的. 对于cookie的操作我给出了一些简单的封装,当然也借鉴了前辈们经验,自己糅合了一下,对于cookie的操作,无非是读写和删除,我们首先来看一下写的操作,有写才有读,进而

JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍

cookie是网站设计者放置在客户端(浏览器)的小文本文件,cookie不仅能够实现保存密码功能,还可以通过cookie保存最近浏览记录增加用户体验. 在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse response Cookie username = new Cookie("username ","cookievalue"