<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cookie</title>
</head>
<body>
用户名：
<input type="text" value="" id="text" /><br/><br/>
密码：
<input type="password" value="" id="password">
<a href="javascript:;" id="zC">注册</a>
<a href="javascript:;" id="hq">获取</a>
<a href="javascript:;" id="del">删除</a>
</body>
<script type="text/javascript">
var oText = document.getElementById('text'),
pS = document.getElementById('password'),
zC = document.getElementById('zC'),
hQ = document.getElementById('hq'),
deL = document.getElementById('del');
zC.onclick = function(){//点击注册
getCookie(oText.value,pS.value);
}
hQ.onclick = function(){//点击获取
alert(document.cookie);
}
deL.onclick = function(){//点击删除
var onOff2 = true;
var arr1 = document.cookie.split('; ');
for(var i=0 ; i<arr1.length ; i++){
var arr2 = arr1[i].split('=');
if(arr2[0]==oText.value ){
removeCookie(oText.value);
alert("删除成功！");
return;
}else{
onOff2 = false;
}
}
if(!onOff2){
alert("此用户并未注册过,无法删除！");
}
}
function setCookie(key,value,t){ //存储cookie值
var oDate = new Date();
oDate.setDate(oDate.getDate()+t);
document.cookie = key+'='+encodeURI(value)+';expires='+oDate.toGMTString();alert(encodeURI(key));
}
function getCookie(key,value){ //获取cookie值
var onOff = true;
var arr1 = document.cookie.split('; ');
for(var i=0 ; i<arr1.length;i++){
var arr2 = arr1[i].split('=');
if(arr2[0] == key){//用户名
alert(decodeURI(arr2[0])+"已注册过了");
return;
}else{//注册
if(value != ''){
setCookie(key,value,10);
}else{
onOff = false;
}
}
}
if(onOff == false){
alert("请输入密码");
}
}
function removeCookie(key){//删除cookie值
setCookie(key,'',-1);
}
</script>
<!-- debugger;按F10即可调试 -->
</html>cookies的函数封装
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.