javascript cookie基础应用之记录用户名的方法
本文实例讲述了javascriptcookie基础应用之记录用户名的方法。分享给大家供大家参考，具体如下：
前面有一篇关于cookie基础的文章，封装了cookie.js，下面我们通过一个实例来应用这个js。
最常见的就是记住用户名，当用户登录过一次后，通过cookie记录下该用户的账号和密码，这样下次打开页面的时候不用再次输入账号密码了。附上代码：
<!DOCTYPEHTML>
<htmllang="en-US">
<head>
<metacharset="UTF-8">
<title>cookie的应用——记住用户名</title>
</head>
<body>
<formaction="#"id="myform">
<labelfor="username">用户名：</label><inputtype="text"name="username"id="username"/>
<labelfor="userpass">密码：</label><inputtype="password"name="userpass"id="userpass"/>
<inputtype="submit"value="登录"/>
<ahref="javascript:;">清除记录</a>
</form>
</body>
</html>
<scripttype="text/javascript"src="cookie.js"></script>
<scripttype="text/javascript">
window.onload=function(){
varoForm=document.getElementById('myform');
varoTxt1=document.getElementById('username');
varoTxt2=document.getElementById('userpass');
varoClear=document.getElementsByTagName('a')[0];
oTxt1.value=getCookie('username');
oTxt2.value=getCookie('userpass');
oForm.onsubmit=function(){
setCookie('username',oTxt1.value,30);
setCookie('userpass',oTxt2.value,30);
}
oClear.onclick=function(){
removeCookie('username');
removeCookie('userpass');
oTxt1.value='';
oTxt2.value='';
}
}
</script>
PS：这里再把前文中的那段cookie.js贴出来方便大家查看：
functionsetCookie(name,value,hours){
vard=newDate();
d.setTime(d.getTime()+hours*3600*1000);
document.cookie=name+'='+value+';expires='+d.toGMTString();
}
functiongetCookie(name){
vararr=document.cookie.split(';');
for(vari=0;i<arr.length;i++){
vartemp=arr[i].split('=');
if(temp[0]==name){
returntemp[1];
}
}
return'';
}
functionremoveCookie(name){
vard=newDate();
d.setTime(d.getTime()-10000);
document.cookie=name+'=1;expires='+d.toGMTString();
}
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。