弹出标题

window.onload = function(){
    document.getElementById('close').onclick = function(){
        this.parentNode.parentNode.parentNode
        .removeChild(this.parentNode.parentNode);
        return false;
    };
};

<div class="card-body">
  <button id="close"><h4>X</h4></button>
  <p class="card-title text-white">configurazione di Seo Tools Manager</p>
</div>

浏览器不会自动记住用户是否关闭了横幅。例如，您必须使用localStorage将该操作保存在用户的浏览器中，以便在重新加载页面时，浏览器“记住”该用户过去关闭的横幅。

阅读更多here

window.onload = function() {

  var popup = document.querySelector('.card-body');
  
  if (!localStorage.getItem('closedBanner')) {
    popup.style.display = "block";
  } else {
    popup.style.display = "none";
  }

  document.getElementById('close').onclick = function() {
    localStorage.setItem('closedBanner', "true");
    this.parentNode.parentNode.parentNode
      .removeChild(this.parentNode.parentNode);
    return false;
  };
};

<div class="card-body">
  <button id="close"><h4>X</h4></button>
  <p class="card-title text-white">configurazione di Seo Tools Manager</p>
</div>

弹出/标题

我叫安德里亚，你能帮我吗？我有一个带有一些文本的横幅，如果用户单击它，它将关闭，但问题是：

如果重新加载页面，横幅会再次出现，并且单击X按钮时不会保持关闭状态

window.onload = function(){
    document.getElementById('close').onclick = function(){
        this.parentNode.parentNode.parentNode
        .removeChild(this.parentNode.parentNode);
        return false;
    };
};

<div class="card-body">
  <button id="close"><h4>X</h4></button>
  <p class="card-title text-white">configurazione di Seo Tools Manager</p>
</div>

window.onload = function() {

  var popup = document.querySelector('.card-body');
  
  if (!localStorage.getItem('closedBanner')) {
    popup.style.display = "block";
  } else {
    popup.style.display = "none";
  }

  document.getElementById('close').onclick = function() {
    localStorage.setItem('closedBanner', "true");
    this.parentNode.parentNode.parentNode
      .removeChild(this.parentNode.parentNode);
    return false;
  };
};

<div class="card-body">
  <button id="close"><h4>X</h4></button>
  <p class="card-title text-white">configurazione di Seo Tools Manager</p>
</div>