本地存儲三條數據,並保存到localstrage中,而且最新的存在數組第一條

$(function () {

        //讀取數據並顯示
        var userarry = JSON.parse(localStorage.getItem("user"));
        if (userarry != null) {
            /*$("#name").val(userarry[0].username);
            $("#password").val(userarry[0].password);*/
        }


        $("#loginbtn").click(function () {

            var name = $("#name").val();
            var password = $("#password").val();
            if (name.length > 40 || !name) {
                alert("名字不能爲空")
            } else if (password.length > 40 || !password) {
                alert("密碼不能爲空");
            } else {
                localStorage.setItem("islogin", "true");

                /*****************存儲3條用戶信息**********************/
                //獲取保存的對象數組
                var userarry = JSON.parse(localStorage.getItem("user"));
                //若是爲空則建立數組
                if (userarry == null) {
                    userarry = Array();
                }
                //判斷長度
                if (userarry.length > 2) {
                    userarry.length = 2;//截取數組長度
                }
                //保存對象
                var user = {
                    username: name,
                    password: password
                };
                //在數組頂部插入對象
                userarry.unshift(user);

                /* console.log(userarry[0].username);*/

                //保存
                localStorage.setItem("user", JSON.stringify(userarry));
                /********************存儲3條用戶信息****************************/
                
                var height = document.body.scrollHeight;//獲取瀏覽器的高度
                $(".mengban").css("height",height);//動態設置蒙版高度
                $(".mengban").show();
                setTimeout(function(){
                    $(".mengban").hide();
                    window.location.href = "personinfo.html";
                    
                },1000);//定時1s隱藏
                
            }

        });

    });
相關文章
相關標籤/搜索