如何在每个会话中关闭一次 onclick？

Question

我编写了这个简单的代码，用于在单击 X 后关闭 span，但每次刷新页面或转到另一个页面时都会加载。

function close() {
                var x = document.getElementById("header"); {
                        x.style.display = "none";
                }
        }

这是php中的代码：

<div id="header">
    <span style="vertical-align: middle; padding-top: 20px; font-weight: bold;"><a href=""><b></b></a></span>
    <div class="close-btn" style="position: absolute; display: inline-block; top: -4px; padding-right: 6px; color: #fff;"><span class="rwd-buttinette-icon rwd-icon-remove-circle-1" onclick="close()" style="float: right;"></span></div>
</div>

我已经尝试过使用 sessionStorage，但无法让它工作：

if (sessionStorage.getItem('Once') !== 'true') {
        function close() {
                var x = document.getElementById("header"); {
                        x.style.display = "none";
                }
        }
    sessionStorage.setItem('Once','true');
   }

我希望它只加载一次，直到它关闭并在该会话中保持关闭状态。有人可以帮我吗？

Answer 1

关闭span后添加一个cookie，例如：

document.cookie = "popup=closed";

然后你可以在再次显示span之前检查cookie，例如：

isClosed = document.cookie.replace(/(?:(?:^|.*;\s*)popup\s*\=\s*([^;]*).*$)|^.*$/, "$1") === "closed";
if(isClosed) {
    displayMySpan();
}

您可以阅读更多关于 JS cookie here.

对于基于 PHP 的解决方案，您仍然可以在关闭 span 后设置 cookie，例如：

document.cookie = "popup=closed; path=/";

然后在您的 PHP 代码中，您需要以下内容：

if (isset($_COOKIE['popup']) && $_COOKIE['popup'] === "closed") {
    //code to display div here
};