JavaScript-Cookie
一、什么是Cookie?
页面用来存放信息
用户通过浏览器发送请求,会创建Cookie,可以通过JS来读取创建删除Cookie
二、 Cookie的特性?
数量、大小有限
有过期时间
同一个网站只能共享同一套Cookie,也就是同一个域名
不指定过期时间,到浏览器关闭,就自动清除
!!!-JS
*********第一个Cookie
alert(document.cookie);
注意:alert(document.cookie());这样写是错误的,不能带括号
*********自定义Cookie
document.cookie='user=2';
document.cookie='pwd=3';
alert(document.cookie);
注意:自定义Cookie是直接用document.cookie=“”来创建的,不用赋值给变量,=就是添加,不会覆盖
*******设置Cookie过期时间
var time=new Date();
time.setDate(time.getDate());
document.cookie="user=mwl;expires="+time;
alert(document.cookie);
******封装Cookie
设置Cookie
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';expires='+oDate;
}
setCookie('mwl','jiajia',15);
读取Cookie
function getCookie(name)
{
var arr=document.cookie.split('; ');
for(var i=0;i<arr.length;i++)
{
var arr2=arr[i].split('=');
if(arr2[0]==name)
{
return arr2[1];
}
}
return '';
}
alert(getCookie('sex'))
删除Cooie
function removeCookie(name)
{
setCookie(name, 1, -1);
}
removeCookie('password');
!!!实例
---HTML
<form id="form1" action="http://www.zhinengshe.com/">
用户名:<input type="text" name="user" /><br>
密码:<input type="password" name="pass" /><br>
<input type="submit" value="登陆" />
</form>
!!!-JS
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';expires='+oDate;
}
function getCookie(name)
{
var arr=document.cookie.split('; ');
for(var i=0;i<arr.length;i++)
{
var arr2=arr[i].split('=');
if(arr2[0]==name)
{
return arr2[1];
}
}
return '';
}
function removeCookie(name)
{
setCookie(name, 1, -1);
}
window.οnlοad=function ()
{
var oForm=document.getElementById('form1');
var oUser=document.getElementsByName('user')[0];
oForm.οnsubmit=function ()
{
setCookie('user', oUser.value, 14);
};
oUser.value=getCookie('user');
};
转载于:https://www.cnblogs.com/xiaoyangtian/p/7966329.html
- 点赞
- 收藏
- 分享
- 文章举报
- [转] Javascript访问Cookie的四个常用方法
- javascript / jquery 操作 cookie
- Javascript 中的 cookie
- Javascript设置cookie和获取cookie
- JavaScript操作Cookie详解
- JavaScript 保存数组到Cookie的代码
- javascript 设置cookie(转)
- javascript中cookie的读写以及删除
- JavaScript中cookie的使用
- 写入cookie的JavaScript代码库 cookieLibrary.js
- javascript之cookie对象
- JavaScript js cookie的添加、删除、修改和查询
- javascript操作cookie实例
- Javascript操作cookie的函数代码
- [JavaScript]Cookie详解(转)
- javascript 操作cookie
- javascript设置和获取cookie的方法
- JavaScript之cookie
- javascript学习(4)cookie的使用
- javascript操作cookie