封装cookies
2016-01-27 15:48
246 查看
<!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>
相关文章推荐
- C语言中time函数
- Spring+struts联网正常,断网启动报错:java.net.UnknownHostException: struts.apache.org
- JS 学习1--开始
- Android 检查运行慢原因和分析
- DP备份任务失败原因解析
- Maven管理Oracle JDBC驱动
- 行转列逗号隔开&逗号隔开列转行
- caffe里用到的五种调节学习率的方法
- 场景识别“Learning Deep Features for Scene Recognition using Places Database”
- 冬令营总结&寒假计划
- 使用handler内存泄漏解决
- 计算时间复杂度
- ACM-计算几何之Quoit Design——hdu1007 zoj2107
- Hadoop温故(一)基础篇
- 史上最详细的Android Studio系列教程二--基本设置与运行
- 数位dp入门 hdu2089 不要62
- autoPro的安装过程
- InflaterLayout 原理
- 删除配置文件解决OS X各种WiFi无法连接的顽固问题,解决MAC无法连接wif的情况 Preferences
- ALSA声卡驱动中的DAPM详解之七:dapm事件机制(dapm event)