html5怎么记住用户名,javascript cookie的传统用法，用cookie做一个记住用户名的小功能...

最简单的设置cookie的方法

document.cookie="password=123456";

用expires设置cookie过期时间

window.οnlοad=function(){

var oDate=new Date();

oDate.setDate(oDate.getDate()+14);

document.cookie="username=yanyan;expires="+oDate;//用expires设置cookie的过期时间

// document.cookie="password=123456";

console.log(document.cookie);

}

封装设置cookie、获取cookie和删除cookie方法

cookie封装

function setCookie(name,value,iDay){//name名字value值iDay多少天过期

var oDate=new Date();

oDate.setDate(oDate.getDate()+iDay);//参数传多少天，就过期多少天

document.cookie=name+"="+value+";expires="+oDate;

}

function getCookie(name){

var arr=document.cookie.split("; ");

for(var i=0; i

var arr2=arr[i].split("=");

if(arr2[0]===name){

return arr2[1];

}

}

return "";//如果没找到返回空字符串。

}

function removeCookie(name){

setCookie(name,1,-1);//设置-1天过期，代表昨天已经过期

}

window.οnlοad=function(){

setCookie("userName","yanyan",10);//cookie存一个userName=yanyan，10天之后过期

setCookie("password","123456",14);//14天之后过期

console.log(document.cookie);//记得用火狐测试

console.log(getCookie("userName"));

}

做一个小demo记住用户名

event兼容测试

function setCookie(name,value,iDay){//name名字value值iDay多少天过期

var oDate=new Date();

oDate.setDate(oDate.getDate()+iDay);//参数传多少天，就过期多少天

document.cookie=name+"="+value+";expires="+oDate;

}

function getCookie(name){

var arr=document.cookie.split("; ");

for(var i=0; i

var arr2=arr[i].split("=");

if(arr2[0]===name){

return arr2[1];

}

}

return "";//如果没找到返回空字符串。

}

function removeCookie(name){

setCookie(name,1,-1);//设置-1天过期，代表昨天已经过期

}

window.οnlοad=function(){

var oForm=document.getElementById("form1");

var oUser=document.getElementsByName("user")[0];

oForm.οnsubmit=function(){

setCookie("user",oUser.value,14);

}

oUser.value=getCookie("user");

}

用户名：

密码：