js实现结果alert

使用 alert 方法

JavaScript 的 alert 方法用于在浏览器中弹出警告框，显示指定的消息。基本语法如下：

alert("这里是显示的消息");

示例代码

以下是一个简单的示例，展示如何在点击按钮时触发 alert：

<button onclick="showAlert()">点击弹出提示</button>
<script>
  function showAlert() {
    alert("这是一个警告框！");
  }
</script>

动态内容提示

可以通过变量或用户输入动态生成 alert 内容：

const userName = prompt("请输入你的名字");
alert(`你好, ${userName}!`);

注意事项

• alert 会阻塞浏览器线程，直到用户点击“确定”。
• 现代前端开发中，推荐使用更友好的交互方式（如模态框）替代原生 alert。

替代方案（模态框）

使用 HTML 和 CSS 创建自定义提示框：

<div id="customAlert" style="display:none;">
  <p>自定义提示内容</p>
  <button onclick="document.getElementById('customAlert').style.display='none'">确定</button>
</div>
<script>
  function showCustomAlert() {
    document.getElementById("customAlert").style.display = "block";
  }
</script>