javascript - 如何显示一个div直到只关闭一次

Question

我有一个可以使用下面的代码从 View 中关闭的 div。它工作正常，但我想做的是只显示一次 div，这样如果访问者关闭 div 然后访问网站上的另一个页面(此时它当前重新出现，然后对于访客必须再次关闭它)。

谁能帮忙指出这是怎么可能的？ (如果可能的话)如果访问者将来重新访问网站，最好显示 div，但只显示一次 div，直到访问者当前在网站上时关闭。

<div class="fragment">
    <div class="fragment-inner">
        Get 5% off your orders
        <button id="closeButton">close</button>
    </div>
</div>
<script>
    document.getElementById('closeButton').addEventListener('click', function(e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
    }, false); 
</script>

Answer 1

你可以做类似的事情

var btn = document.getElementById('closeButton');
btn.addEventListener('click', function (e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
    sessionStorage.setItem('fragment', 'hidden');
}, false);
if (sessionStorage.getItem('fragment') == 'hidden') {
    btn.parentNode.style.display = 'none';
}

演示:Fiddle