LocalStorage记住用户和密码功能

&nbs p; 随着HT ML 5规范的普及，我们不再用cookie来实现@R_ 304 _1691@，通常 会用 的LocalStorage及本地缓存。

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

    然而LocalStorage,你存储的时候有 localStorage.set IT em() ,你读取的时候有 localStorage.getItem() ,你想要删除的时候有 localStorage.remov ei tem() .此外在存储时,它们事以 键值 对的形式存储的.所以更易于使用.并且 localStorge 的储存空间大，有5M,并且是永久储存，除非你主动删除。

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

<script src="http://libs.b ai du .COM / jq uery/1.9.1/jquery.min.js"></script>
   <form>
        <h3> LOG  in</h3>
        <input ty PE ="text" n am e="user" placeholder="user" id="user">
        <input type="password" name="pass" placeholder="password" id="pass">
        <input type="checkbox" id="remember" checked>< br /><br/>
        <input type="button" value="登录" id="s ub " onclick="lo gin  BT n_click()">
    </form>
<script type="text/javascript">
    $(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();
        }
</script>

总结

以上所述是小编给大家介绍的LocalStorage记住用户和密码功能， 希望对大家有所帮助 ，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

总结

以上是 为你收集整理的 LocalStorage记住用户和密码功能 全部内容，希望文章能够帮你解决 LocalStorage记住用户和密码功能 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于LocalStorage记住用户和密码功能的详细内容...