javascript操作cookies详解

duanqiao123      2022-02-09     309

关键词:

javascript 操作cookies详解

这段操作cookies的方法我使用很久了,但是一直一来没遇到什么问题,今天在做一个在第一个页面保存了cookies,第二个页面获取或者第三个页面获取的功能中,发现了方法的局限性,比如,第一个页面路径为 http://xxxxx/cyb-car2016/h5OfficeWorker/index,第二个页面路径为 http://xxxxx/cyb-car2016/h5AlertController/index,其中除了域名是一样之外,还有一个命名空间不一样,而cookies是默认保存在当前页面下,所以在第一个页面中保存了cookies,因为保存的路径不同,第二个页面会获取不到cookies。 解决方法是,在保存cookies的时候,设置一下path,document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+";path=/"; ,其中path=/表示保存在域名路径下,全局可用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/***********************操作cookies的方法***************************/
//写cookies
//这是有设定过期时间的使用示例:
//s20是代表20秒
//h是指小时,如12小时则是:h12
//d是天数,30天则:d30
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()+";path=/";
}
 
//读取cookies
function getCookie(name){
 var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
 
 if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
 else
  return false;
}
 
// 删除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()+";path=/";
}
 
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;
  }
}
 
 
//获取Cookie
//var name = getCookie("name");
//var phone = getCookie("phone");
//
//if(phone != ""){
// $("input[name=phone]").val(phone);
//}
//if(name!="false"){
// $("input[name=name]").val(name);
//}
 
/***********************操作cookies的方法***************************/

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

网络知识补习❄️|cookie详解和document.cookie使用文档+运行实例(代码片段)

目录🥝Cookie详解什么是Cookie?使用JavaScript创建Cookie使用JavaScript读取Cookie使用JavaScript修改Cookie使用JavaScript删除CookieCookie字符串JavaScriptCookie实例设置cookie值的函数获取cookie值的函数完整实例🍍Document.cookie使用文档& 查看详情

javascript操作cookie

BOM中的document.cookie对象包含了所有的cookie字符串,以InternetExplorer浏览器为例,值被“;”号分开,格式大概为“名称=值;expires=过期时间”,当有多个cookie时名称与值以“;”号分开,开发者操作cookie只能自己进行解析操作,这样... 查看详情

javascript操作cookie

...浏览器请求某个页面时,就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。”- w3school  cookie是访 查看详情

javascript操作cookie

...浏览器请求某个页面时,就会发送这个cookie。你可以使用JavaScript来创建和取回cooki 查看详情

javascript操作cookie

cookie的组成:cookie由以下几个部分组成:1.name2.value3.其他属性(max-age、path、domain、secure)max-age:cookie存在的秒树,max-age=1000,即此cookie会在1000秒后被删除。path和domain:域名和路径定义了一个cookie的可见范围,它告诉浏览器这... 查看详情

javascript中的cookie和webstorage(localstorage-sessionstorage)详解(代码片段)

javaScript中的Cookie和webStorage(LocalStorage-SessionStorage)一、Cookiecookie称之为会话跟踪技术,顾名思义,就是在一次会话中跟踪记录一些状态。首先,所谓的”会话“指的就是从浏览器打开一个网站到访问它的其他网页直到浏览器关闭... 查看详情

javascript中cookie常用操作

//写cookiesfunctionsetCookie(c_name,value,expiredays){     varexdate=newDate();    exdate.setDate(exdate.getDate()+expiredays);    document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":" 查看详情

javascript操作cookie(增,删,改,查)

1//1.获得指定名称为ObjName的Cookie的值2functiongetCookie(ObjName){3vararrStr=document.cookie.split(";");  //各个Cookie之间以;分隔4for(vari=0;i<arrStr.length;i++){5vartemp=arrStr[i].split("=");  //Cookie名和Cookie值之间以 查看详情

javascript操作cookie

...浏览器请求某个页面时,就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。”- w3school  coo 查看详情

javascript—cookie操作

 document.cookie=‘user=lj‘;//添加    varoDate=newDate();    oDate.setDate(oDate.getDate()+7);    document.cookie=‘pwd=123;expires=‘+oDate 查看详情

selenium用法详解cookies操作java爬虫(代码片段)

...用Selenium控制浏览器获取网站的cookies,对网站cookies的相关操作教程。cookies操作cookies是识别用户登录与否的关键,爬虫中常常使用selenium+jsoup实现cookie持久化,即先用selenium模拟登陆获取cookie,再通过jsoup携带cookie进... 查看详情

javascript操作cookie

    从事web开发也有些日子了,cookie是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记,嘿嘿,博客的好处在此体现出来了。   什... 查看详情

javascript本地存储详解(代码片段)

目录1.作用2.特点3.localStorage使用 4.sessionStorage使用 5. localStorage和sessionStorage的区别6.本地存储使用过程中的注意事项7. Cookie8.localStorage和sessionStorage和Cookie的区别1.作用保存数据2.特点将数据保存到本地(浏览器客户端中࿰... 查看详情

javascript之dom-10cookie(cookie概述cookie操作)

一、Cookie概述Cookie简介 - Cookie是由服务器生成并存存储在客户端文件系统(.txt格式)中的key/value对,当浏览器再次请求该站点上的页面时,就会自动把保存的Cookie发回服务器 - Cookie使得浏览器可以在访问同一站点的... 查看详情

javascript中的操作符详解1

  好久没有写点什么了,根据博主的技术,仍然写一点javascript新手入门文章,接下来我们一起来探讨javascript的操作符。一、前言javascript中有许多操作符,但是许多初学者并不理解或曲解他们的用途,本章将会带领初学者们一... 查看详情

javascript基础:dom操作详解

...GitHub上关注我,一起入门和进阶前端。以下是正文。前言JavaScript的组成JavaScript基础分为三个部分:ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。DOM:文档对象模型,操作网页上的元素的... 查看详情

JavaScript:set-cookie 和响应处理原子操作吗?

】JavaScript:set-cookie和响应处理原子操作吗?【英文标题】:JavaScript:Isset-cookieandresponsehandlinganatomicoperation?【发布时间】:2020-02-1407:29:19【问题描述】:我使用以下模式进行具有CSRF保护的无状态身份验证:为每个处理的请求生成... 查看详情

selenium:webdriverapi接口详解(代码片段)

浏览器操作#刷新driver.refresh()#前进driver.forward()#后退driver.back()Cookie操作#根据cookieKey,获取cookie信息cookie=driver.get_cookie(‘cookieKey‘)#获取所有cookie信息cookies=driver.get_cookies()#添加cookie,严格按照格式添加,cookie的key为name,value为val... 查看详情