js对话框表白源代码

以下是一个使用 JavaScript 实现简单对话框表白的示例代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表白对话框</title>
</head>

<body>
  <button onclick="showConfession()">点击表白</button>

  <script>
    function showConfession() {
      if (confirm("我喜欢你，你愿意和我在一起吗？")) {
        alert("太好了，我也喜欢你！");
      } else {
        alert("没关系，我会继续努力的！");
      }
    }
  </script>
</body>

</html>

基础概念：confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。如果用户点击“确定”，则返回 true；如果点击“取消”，则返回 false。alert() 方法用于显示一条消息和一个“确定”按钮的警告框。

优势：简单易用，适合快速实现简单的交互效果。

类型：这是一个基于浏览器的 JavaScript 弹窗交互。

应用场景：适用于简单的网页交互，如用户确认操作、简单的提示信息等。

这段代码运行后，点击按钮会弹出一个确认对话框，用户根据选择会触发相应的提示框。如果在实际使用中遇到无法显示对话框的问题，可能是以下原因及解决方法：

原因 1：浏览器设置阻止了弹窗。解决方法：检查浏览器的弹窗设置，确保允许网站弹出窗口。

原因 2：JavaScript 被禁用。解决方法：确保浏览器启用了 JavaScript 功能。

原因 3：代码存在语法错误。解决方法：仔细检查代码，确保没有拼写错误或语法错误。

页面内容是否对你有帮助？

有帮助

没帮助