web写出12+适龄弹窗提示代码

以下是一个简单的12+适龄弹窗提示的示例代码：

HTML代码：

<div id="age-verification" class="modal">
  <div class="modal-content">
    <h3>请确认您已经年满12岁</h3>
    <p>此网站包含一些适合12岁及以上观众的内容。</p>
    <button id="yes-button">是</button>
    <button id="no-button">否</button>
  </div>
</div>

CSS代码：

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-content {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  margin: 10% auto;
  max-width: 400px;
  text-align: center;
}

button {
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

JavaScript代码：

// 获取弹窗元素
var modal = document.getElementById("age-verification");

// 获取是和否按钮元素
var yesButton = document.getElementById("yes-button");
var noButton = document.getElementById("no-button");

// 当用户点击是按钮时，隐藏弹窗
yesButton.onclick = function() {
  modal.style.display = "none";
}

// 当用户点击否按钮时，重定向到其他页面
noButton.onclick = function() {
  window.location = "http://example.com/not-allowed";
}

// 当页面加载时，显示弹窗
window.onload = function() {
  modal.style.display = "block";
}

请注意，在这个示例中，我们使用了简单的JavaScript代码来控制弹窗的显示和隐藏。当用户点击“是”按钮时，我们使用`modal.style.display = "none"`将其隐藏。当用户点击“否”按钮时，我们使用`window.location`将其重定向到另一个页面。当页面加载时，我们使用`modal.style.display = "block"`将其显示。