<!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的函數封裝
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.