记住用户登录密码 html,LocalStorage记住用户和密码功能

随着html5规范的普及，我们不再用cookie来实现记住密码，通常会用的localstorage及本地缓存。

对于cookie来说它只有一个document.cookie这一个api可以使用,不管是读取cookie还是存储cookie你都只能使用它

然而localstorage,你存储的时候有localstorage.setitem(),你读取的时候有localstorage.getitem(),你想要删除的时候有localstorage.removeitem().此外在存储时,它们事以键值对的形式存储的.所以更易于使用.并且localstorge的储存空间大，有5m,并且是永久储存，除非你主动删除。

下面附一个简单的小例子：

log in

$(document).ready(function(){

var strname = localstorage.getitem('username');

var strpass = localstorage.getitem('userpass');

if(strname){

$('#user').val(strname);

}if(strpass){

$('#pass').val(strpass);

}

});

function loginbtn_click(){

debugger

var strname = $('#user').val();

var strpass = $('#pass').val();

localstorage.setitem('username',strname);

if($('#remember').is(':checked')){

localstorage.setitem('userpass',strpass);

}else{

localstorage.removeitem('userpass');

}

window.location.reload();

}

总结

以上所述是小编给大家介绍的localstorage记住用户和密码功能，希望对大家有所帮助