div类，当Div出现在屏幕上时显示警报，但每个div只显示一次？

要实现这个功能，你可以使用JavaScript来监听div元素的出现，并在每次出现时显示一个警报。为了确保每个div只显示一次警报，你可以为每个div设置一个标志，或者使用其他方法来跟踪哪些div已经触发过警报。

以下是一个简单的示例代码，展示了如何实现这个功能：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Div Alert Example</title>
<style>
  .alert-once {
    /* 你的样式 */
  }
</style>
</head>
<body>

<div class="alert-once">Div 1</div>
<div class="alert-once">Div 2</div>
<div class="alert-once">Div 3</div>

<script>
  // 获取所有带有 'alert-once' 类的 div 元素
  const divs = document.querySelectorAll('.alert-once');

  // 遍历每个 div 元素
  divs.forEach(div => {
    // 检查是否已经显示过警报
    if (!div.hasAttribute('data-alerted')) {
      // 显示警报
      alert(`Alert for ${div.textContent}`);
      // 设置属性，表示已经显示过警报
      div.setAttribute('data-alerted', 'true');
    }
  });
</script>

</body>
</html>