Javascript 如果localstorage为空，则显示欢迎消息

我正在尝试编写一个简单的函数来检查localstorage的长度，如果它是0、未定义或null，我希望用户看到一条弹出消息，因为这意味着他们是第一次访问，或者如果他们以前来过，则向他们显示一个按钮来触发消息

但是，我甚至无法让浏览器告诉我传递到localstorage的值

这是我的密码：

function local() {
var storageLocal = window.localStorage.length;

if (storageLocal !== 0 && storageLocal === undefined && storageLocal === null ){

document.getElementById('message').style.cssText = 'display: block';

}

else {
document.getElementById('button').style.cssText = 'display: block';
}

}

这是我的css：

#message, #button {display: none;}

HTML:

消息
按钮

---

如果有更简单的方法，请告诉我。我正在CMS程序中实现，因此无法使用“附加到”jquery。

根据我的理解，我发现您的情况存在问题

window.localStorage.length

将返回一个数字。因此，您应该只检查数字。此外，如果长度为0，则需要显示消息，因此需要检查是否相等

因此，您需要更新您的条件

从

到

---

您已经定义了函数

local

，但在哪里调用它？您没有使用这些方法来实现这一点。使用localStorage时，需要传递一个键/值对来存储某些内容。您的代码正在测试localStorage是否可用，但不测试它是否已填充数据。

localStorage.length

将永远不会是

未定义的
或
null
。当然也永远不会同时是
未定义的
和
null
，这是条件检查的结果。谢谢！我把这个函数放在了头上，所以它不会在页面加载时启动吗？
<div id="message">MESSAGE</div>

<div id="button">BUTTON</div>

if (storageLocal !== 0 && storageLocal === undefined && storageLocal === null ){

if (storageLocal === 0){