用localstorage来判断用户是否首次登录

写了一个需求:判断用户是否是第一次登录,如果是首次登录就显示隐私协议弹出框,第二次之后就不再显示。

思路及解法:

localStorage.getItem(key):获取指定key本地存储的值

 先在localstorage中定义一个变量,并获取它的值,第一次肯定获取不到

var Swal = localStorage.getItem("swal");

然后在首页页面一加载的时候做判断,如果定义的变量第一次为空,就显示这个弹框,在点击弹框中确定的时候,给它赋值,

localStorage.setItem(key,value):将value存储到key字段        这样再次登录时,这个if条件就不走了,里面的弹出框也就不显示了。

具体示例:

if (Swal == null || Swal == "") {
swal({
html: '/,
confirmButtonText: 'Agree',
showCancelButton: true,
cancelButtonText: 'Reject',
focusCancel: false, // 是否聚焦 取消按钮
customClass: "mySweetAlert",
}).
then(function (isConfirm) {
try {
//判断 是否 点击的 确定按钮
if (isConfirm) {
localStorage.setItem("swal", "1");
return false;
} } catch (e) {
alert(e);
return false;
}
});

}

原文地址:https://www.cnblogs.com/mmit/p/14334161.html