大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

LocalStorage如何实现记住用户和密码功能-创新互联

这篇文章主要介绍了LocalStorage如何实现记住用户和密码功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联是专业的正宁网站建设公司,正宁接单;提供网站设计、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行正宁网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

 随着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如何实现记住用户和密码功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站名称:LocalStorage如何实现记住用户和密码功能-创新互联
本文URL:http://dzwzjz.com/article/hpcej.html
在线咨询
服务热线
服务热线:028-86922220
TOP