js 设置cookie的实例
2014-02-10 09:19
148 查看
js的cookie是很方便的,也可以减轻服务器的负担。这里给大家带来一个实例,下面是源码。
<html>
<head>
<script type="text/javascript">
function tj(){
var name=document.getElementById("name").value;
var value=document.getElementById("zhi").value;
var Days=document.getElementById("days").value;
if(name==""||name==null){
alert("没有设置")
}else{
SetCookie(name,value,Days);
alert(getCookie(name));
}
}
function SetCookie(name,value,Days)//两个参数,一个是cookie的名子,一个是值
{
//var Days=30; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name+"="+escape(value)+";
expires="+exp.toGMTString()+"; path=/";//path是cookie的访问路径
}
//取cookies函数
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null)
return unescape(arr[2]);
else
return null;
}
//删除cookie
function deleteCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
</head>
<body>
设置Cookie名:<input type="text" id="name" value="" />
设置Cookie值:<input type="text" id="zhi" value="" />
设置Cookie有效期:<input type="text" id="days" value=""/>
<input type="button" value="弹出值" onClick="tj()" />
<hr>
<a href="http://blogs.suiyidian.cn" title="返回首页">返回首页</a>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function tj(){
var name=document.getElementById("name").value;
var value=document.getElementById("zhi").value;
var Days=document.getElementById("days").value;
if(name==""||name==null){
alert("没有设置")
}else{
SetCookie(name,value,Days);
alert(getCookie(name));
}
}
function SetCookie(name,value,Days)//两个参数,一个是cookie的名子,一个是值
{
//var Days=30; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name+"="+escape(value)+";
expires="+exp.toGMTString()+"; path=/";//path是cookie的访问路径
}
//取cookies函数
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null)
return unescape(arr[2]);
else
return null;
}
//删除cookie
function deleteCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
</head>
<body>
设置Cookie名:<input type="text" id="name" value="" />
设置Cookie值:<input type="text" id="zhi" value="" />
设置Cookie有效期:<input type="text" id="days" value=""/>
<input type="button" value="弹出值" onClick="tj()" />
<hr>
<a href="http://blogs.suiyidian.cn" title="返回首页">返回首页</a>
</body>
</html>
相关文章推荐
- JS封装cookie操作函数实例(设置、读取、删除)
- JS封装cookie操作函数实例(设置、读取、删除)
- js设置 获取 删除cookie等基本实例
- JS封装cookie操作函数实例(设置、读取、删除)
- js 设置读取cookie
- JS Cookie怎样设置当天有效?在Cookie保存用户访问过的页面?
- JS设置cookie、读取cookie、删除cookie
- 使用JS设置cookie和读取cookie的函数
- .net 后台删除 js设置的cookie
- js的cookie设置
- js设置cookie js读取cookie js设置cookie时间 cookie 类
- 原声js 设置cookie
- 运用JS设置cookie、读取cookie、删除cookie(转)
- SSO单点登录、跨域重定向、跨域设置Cookie、京东单点登录实例分析
- JS设置cookie,删除cookie
- js cookie 设置
- JavaScript记录滚动条位置 实例 (cookie) 转自51js
- JS设置 cookie,删除 cookie
- JS设置cookie
- js设置以及取cookie的方法