html学习 - Javascript设置和获取cookies

Cookies

Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。

Cookies设置

我也是才学不久的Cookies。所以先写些简单的。

Cookies设置比较简单,通常情况下,每个域名都有自己单独的Cookies,用来保存一些简单数据和用户的登录状态等。

Cookies是本地保存的,所以可以在本地清除,在服务器上用来保存这些数据的功能是SESSION。

下面是设置的方法:假如我们需要设置textsecond的值。假如获取text的值如下:(jquery的方法)

var text = $(‘#testinput‘).val(); // 此行是为了获取text值,可以用自己的方法

document.cookie = "text=" + escape(text);

document.cookie = "second=2";

上面这两行是设置cookie的值的方法,首先在cookie中,像上面那样赋值两边,名字不同,等同于如下代码:

document.cookie = "text="+escape(text)+"; second=2";

赋值两次,假如属性名字不同是不会覆盖的,这里使用的escape()函数的功能是用来转义的,因为cookie中名字一般不允许 /
= "
这些符号当名字和值的,但是假如有这些符号或者空格怎么办? 就需要escape()来进行转义,所以空格就会转义成%20这种符号,text1
text2
就会变成text1%20text2这样子。

获取cookie值

获取cookie和设置一样比较方便。代码如下:

var strCookie = document.cookie;
		//获取当前域名所有cookie值
		var arrCookie = strCookie.split("; ");//用split把字符串分割,记得分号后有个空格
		for (var i = 0; i < arrCookie.length; i++) {
			var arr = arrCookie[i].split("=");//把分割后的数组内容再用=分割。
			if (arr[0] == "text") {//假如分割后的前半部分和我们需要的属性名字一样
				alert(arr[1]);//我们得到的后半部分就是这个属性的值
			}
		}

这样子就可以很简单的获取到cookie的值了。

但其实设置cookie的时候,还需要设置一个cookie的过期时间,这个后面更新。

时间: 2024-12-18 14:09:49

html学习 - Javascript设置和获取cookies的相关文章

javascript设置和获取cookie的方法

设置cookie的方法,和获取cookie的方法如下 设置cookie document.cookie="name="+value; //获取cookie其中index是cookie的名称 function getCookie(index){ var allcookies = document.cookie; var cookie_pos = allcookies.indexOf(index); if (cookie_pos != -1){ cookie_pos += index.le

【学习笔记】JavaScript设置与获取Cookie

获取Cookie: 1 function getCookie(cookiename) { 2 var result; 3 var mycookie = document.cookie; 4 var start2 = mycookie.indexOf(cookiename + "="); 5 if (start2 > -1) { 6 start = mycookie.indexOf("=", start2) + 1; 7 var end = mycookie.i

【Django】关于设置和获取cookies

def TestCookies(request): response=HttpResponse() # cookie=request.COOKIES#下面两句等cookies设置以后,才使用 # if cookie['h1']:#这里用has_key报错 # response.write('<h1>'+request.COOKIES['h1']+'</h1>')#这句用于设置cookies,60是过期时间60秒后 # response.set_cookie('h1','hehe',

javascript设置和获取cookie值

//设置cookie function setCookie(name,value,expires,path,domain,secure){ var cookieName = encodeURIComponent(name) + '=' + encodeURIComponent(value); if(expires instanceof Date){ cookieName += ';expires=' + expires; } if(path){ cookieName += ';path=' +

使用JavaScript设置、获取父子页面中的值

一:获取父页面中的值 有二种方法windows.open()和windows.showModalDialog() 1.windos.open(URL,name,reatures,replace) 再父页面中 fatherPage.aspx <script type="text/javascript"> function a(){ windows.open("sonPage.aspx") } </script> 在子页面(sonPage.asp

javascript设置和获取cookie的通用方法

//获取cookie  function getCookieValue(cookieName)  {     var cookieValue = document.cookie;     var cookieStartAt = cookieValue.indexOf(""+cookieName+"=");     if(cookieStartAt==-1)     {         cookieStartAt = cookieValue.indexOf(cooki

javascript 获取cookies

javascript 获取cookies  function getCookie(name)//取cookies函数            {         var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));         if (arr != null) return unescape(arr[2]); return null; } var xx = ge

JavaScript设置获取和设置属性的方法

这篇文章主要介绍了JavaScript设置获取和设置属性的方法,学会使用getAttribute.setAttribute的用法,需要的朋友可以参考下 getAttribute 该方法用来获取元素的属性,调用方式如下所示: 复制代码代码如下: object.getAttribute(attribute) 以此前介绍的一些方法不同,getAttribute方法不属于document对象,所以不能通过document对象调用.它只能通过元素节点对象来调用. 该方法只接受一个参数,你指定要查询的属性的

轻松学习JavaScript二十:DOM编程学习之获取节点

我们这里所说的获取节点包含元素节点,属性节点和文本节点.通常,通过DOM我们就能够操作HTML元素.为 了做到这件事情,您必须首先找到该元素.W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节 点进行操作. 我们先来写一个简单的HTML文档以供我们进行测试,并且JS代码都是写在window.onload事件中: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w