本文目录一览：
- 1、JS 怎么保存Cookie~~
- 2、js本地存储和cookie
- 3、如何通过js 把值存到session 或 cookie中
- 4、前台在JavaScript方法中怎样保存和提取Cookie
- 5、如何用js向cookie中保存数据、取数据？
- 6、原生JS如何向cookie里面保存小量数据
JS 怎么保存Cookie~~
js保存COOKIE，直接给document加上cookie就可以了，但是一般如果单个的加会很麻烦所以一般会直接写好一个函数，可以直接操作cookie，这样就很方便了
setCookie这个是写入cookie，第一个是名称，第二个是cookie值，第三个是过期时间
getCookie这个是查找cookie;
removeCookie这是你需要删除的cookie;
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+encodeURIComponent(value)+';expires='+oDate;
}
function getCookie(name)
{
var arr=document.cookie.split('; ');
var i=0;
for(i=0;iarr.length;i++)
{
//arr2-['username', 'abc']
var arr2=arr[i].split('=');
if(arr2[0]==name)
{
var getC = decodeURIComponent(arr2[1]);
return getC;
}
}
return '';
}
function removeCookie(name)
{
setCookie(name, '1', -1);
}
js本地存储和cookie
1、数据存储在用户浏览器中
2、设置、读取方便，甚至页面刷新不丢失数据
3、容量较大，sessionStorage约5M， localStorage约20M
4、只存储字符串
1、生命周期为关闭浏览器
2、在同一个窗口（页面）下数据可以共享
3、以健值对的形式存储使用
1、生命周期永久生效，除非手动删除，否则页面关闭也会存在
2、可以多页面共享
3、以健值对的形式存储使用
使用场景
如何通过js 把值存到session 或 cookie中
js存到 cookie 中没什么问题，只要浏览器开启cookie功能就可以了。
但是存到 session 中不行，需要通过服务端语言才可以。比如java，php之类，当然如果你后台使用的是nodejs，也可以使用javascript 存入session。
1
2
3
4
var Days = 10; //此 cookie 将被保存 10 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = "nam=abc;expire="+ exp.toGMTString();
如上，就是js存到cookie中的代码
前台在JavaScript方法中怎样保存和提取Cookie
function readCookie()
{
var the_cookie = document.cookie;
var broken_cookie = the_cookie.split(":");
var the_name = broken_cookie[1];
var the_name = unescape(the_name);
alert("Your name is: " + the_name);
}
第1行很重要．当你的浏览器打开一个网页时，它调用任何和
该网页有关的cookie然后将其载入document.cookie属性．
读取cookie的技巧在于从中抽取出你需要的信息．注意在我们
所设置的cookie是这样的：wm_javascript=username:dave%
20thau．在该函数第1行之后的所有用于从该cookie中提取出
用户名（username）．
var broken_cookie = the_cookie.split(":");
将cookie在分号处分割成两部分．
var the_name = broken_cookie[1];
抓取分号后面的内容dave%20thau．
var the_name = unescape(the_name);
取消函数escape()的编码替换．在本例中重新用空格替换了%20．
alert("Your name is: " + the_name); 显示你的姓名．
这个例子使用的cookie只保存了很少的信息：用户名，cookie
最多可以保存多达4kb的信息。
如何用js向cookie中保存数据、取数据？
用js向cookie中保存数据、获取数据的方法如下：
function GetCookieVal(offset)
//获得Cookie解码后的值
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
//---------------------------
function SetCookie(name, value)
//设定Cookie值
{
var expdate = new Date();
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc 2) ? argv[2] : null;
var path = (argc 3) ? argv[3] : null;
var domain = (argc 4) ? argv[4] : null;
var secure = (argc 5) ? argv[5] : false;
if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ));
document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString()))
+((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain))
+((secure == true) ? "; secure" : "");
}
//---------------------------------
function DelCookie(name)
//删除Cookie
{
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}
//------------------------------------
function GetCookie(name)
//获得Cookie的原始值
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return GetCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
SetCookie("username1",99);
alert(GetCookie("username1"));
原生JS如何向cookie里面保存小量数据
!DOCTYPE HTML
html lang="en-US"
head
meta charset="UTF-8"
meta name="keywords" content="白菜编辑部"
title白菜编辑部/title
style type="text/css"
/style
script type="text/javascript"
function readCookie (name)
{
var cookieValue = "";
var search = name + "=";
if (document.cookie.length 0)
{
offset = document.cookie.indexOf (search);
if (offset != -1)
{
offset += search.length;
end = document.cookie.indexOf (";", offset);
if (end == -1)
end = document.cookie.length;
cookieValue = unescape (document.cookie.substring (offset, end))
}
}
return cookieValue;
}
function writeCookie (name, value, hours)
{
var expire = "";
if (hours != null)
{
expire = new Date ((new Date ()).getTime () + hours * 3600000);
expire = "; expires=" + expire.toGMTString ();
}
document.cookie = name + "=" + escape (value) + expire;
}
writeCookie ("myCookie", "my name", 24);
alert (readCookie ("myCookie"));
/script
/head
body
/body
/html