创建窗口并在单击关闭按钮时将其隐藏

<div id="window">
  <div id="titlebar">
    <span id="title">窗口标题</span>
    <button id="closeButton">关闭</button>
  </div>
  <div id="content">
    窗口内容
  </div>
</div>

#window {
  width: 400px;
  height: 300px;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#titlebar {
  background-color: #f0f0f0;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}

#title {
  font-weight: bold;
}

#closeButton {
  float: right;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#content {
  padding: 10px;
}

var closeButton = document.getElementById("closeButton");
var window = document.getElementById("window");

closeButton.addEventListener("click", function() {
  window.style.display = "none";
});