有没有点击按钮显示遮罩层的完整代码

当然可以，以下是一个简单的HTML和CSS代码，以及触发遮罩层显示的JavaScript代码：

HTML代码：

<button class="button">点击显示遮罩层</button>

<div class="overlay">
  <div class="overlay-content">
    <p>这里是遮罩层中的文字内容</p>
  </div>
</div>

CSS代码：

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

JavaScript代码：

var overlay = document.querySelector(".overlay");
var button = document.querySelector(".button");
var text = document.querySelector(".overlay-content p");

button.addEventListener("click", function() {
  overlay.style.display = "block";
});

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

以上代码中，当点击按钮时，JavaScript代码会将遮罩层的display属性设置为block，从而显示遮罩层。当点击遮罩层时，JavaScript代码会将遮罩层的display属性设置为none，从而隐藏遮罩层。