Javascript 一旦用户在magento中单击“关闭”，则在整个会话的顶部隐藏横幅

我有一个横幅，显示在网页的顶部，当用户在我们的网站上

<div class="hidden-xs col-lg-12 header-banner">
<div class="text-secondary bigger-text>Get discount at checkout use promocode XXX<button class="btn btn-primary bannerCloseBtn" id="closeButton"> close</button></div>
</div> 

你可以使用无有效期的饼干。此cookie通常在浏览器关闭时被删除

这应该起作用：

<script>
window.addEventListener('load', function(e){
    if(docuement.cookie.indexOf('banner_removed=1') !== -1)
        document.getElementById('closeButton').parentNode.style.display = 'none';
});
document.getElementById('closeButton').addEventListener('click', function(e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
    document.cookie = "banner_removed=1";
}, false);
</script>


window.addEventListener（'load'，函数（e）{
if（docuement.cookie.indexOf（'banner_removed=1'）！=-1）
document.getElementById（'closeButton'）。parentNode.style.display='none'；
});
document.getElementById（'closeButton'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
this.parentNode.style.display='none'；
document.cookie=“banner\u removed=1”；
}，假）；
您可以使用无有效期的cookie。此cookie通常在浏览器关闭时被删除

这应该起作用：

<script>
window.addEventListener('load', function(e){
    if(docuement.cookie.indexOf('banner_removed=1') !== -1)
        document.getElementById('closeButton').parentNode.style.display = 'none';
});
document.getElementById('closeButton').addEventListener('click', function(e) {
    e.preventDefault();
    this.parentNode.style.display = 'none';
    document.cookie = "banner_removed=1";
}, false);
</script>


window.addEventListener（'load'，函数（e）{
if（docuement.cookie.indexOf（'banner_removed=1'）！=-1）
document.getElementById（'closeButton'）。parentNode.style.display='none'；
});
document.getElementById（'closeButton'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
this.parentNode.style.display='none'；
document.cookie=“banner\u removed=1”；
}，假）；
@Zander，getElementById是普通的javascript，您可能会感到困惑。这部分工作正常，我希望状态保持不变，直到会话到期。@Yashchaturvedi添加“style:display=jsFunction（）”怎么样？您可以在其中检查是否有会话处于活动状态，否则返回“无”？@Zander，getElementById是普通的javascript，您可能会感到困惑。这部分工作正常，我希望状态保持不变，直到会话到期。@Yashchaturvedi添加“style:display=jsFunction（）”怎么样，您可以在其中检查是否有会话处于活动状态，否则返回“none”？非常感谢，解决方案可能就是这样@Yashchaturvedi如果我的答案解决了你的问题，请将其标记为正确答案。非常感谢，解决方案可能就是这样@如果我的答案解决了你的问题，请记为正确答案。