localStorage存储用户信息，及取出

最新推荐文章于 2024-08-15 20:33:20 发布

爱同心葬

最新推荐文章于 2024-08-15 20:33:20 发布

阅读量3.6k

点赞数

分类专栏：前端存储登录用户文章标签： java

本文链接：https://blog.csdn.net/weixin_45730286/article/details/108254498

版权

本文介绍如何在JavaScript中利用localStorage存储用户信息，并详细阐述了存取过程，特别是存入前的判断逻辑。同时提到，localStorage的取值操作需要注意同源策略限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//  方法在倒数3、4两张图中

先存入localstorage中，存之前要加判断有没有这个用户在这里插入图片描述

下面是取出的方法不可跨域

//main.js   进入网页时弹出对话框
layui.use(['layer', 'form', 'table', 'element', 'laydate', 'jquery'], function () {
   
    var $ = layui.jquery, form = layui.form, layer = layui.layer, table = layui.table, element = layui.element;

    $('.page_report').attr('style', 'display:none');

    if ($("#PRole").val() === "true") {
   
        $(".page_news").show();
    }

    if (!$('#VRole').val() && !localStorage.getItem("oneTimeReminder")) {
   

        layer.confirm('<p style="text-align: left;">尊敬的客户：<br/>　　您好！感谢您使用云平台。为更好的服务广大客户，应众多客户的要求<br/>　　再次感谢您对平台的信任及支持，全体员工不忘初心，砥砺奋进，竭力为您服务！</p>', {
   
            btn: ['好的', '不再提醒',]
            , btn2: function (index, layero) {
   
                localStorage.setItem("oneTimeReminder", "done");
            }
        }, function (index, layero) {
   
            layer.close(index);
        }, function (index, layero) {
   
        });
    }

开始取在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
页面中内容


//login.js   登录时保存
window.onload = function () {
   
        var loginSubmit = document.getElementById('btn-login');
        loginSubmit.onclick = function (event) {
   
            var username = $("input[name='username']").val();
            var password = $("input[name='password']").val();
            if (username !== null && username !== undefined && username !== '' &&
                password !== null && password !== undefined && password !== '') {
   

                var ifNew = true;
                var localLoginInfoArray = [];
                var localLoginInfo = localStorage.getItem(

最低0.47元/天解锁文章