HTML按钮在单击时表现得很奇怪

HTML Buttons behaves weirdly on click

本文关键字：按钮 单击 HTML      更新时间：2023-09-26

假设我有以下HTML代码：

function sendMain() {
  swal({
    title: "Preparando para mandar Email...",
    text: "Clique em 'OK' para mandar o Email.",
    type: "info",
    showCancelButton: true,
    closeOnConfirm: false,
    showLoaderOnConfirm: true,
  }, function() {
    setTimeout(function() {
      swal("Redirecionando!");
    }, 2000);
  });
}
<button id="send" onclick="sendMain()">Mandar</button>

swal是SweetAlert显示警报功能的地方。问题是：当我点击它时，它会显示1/4秒的消息，然后转到页面顶部，并在页面URL的末尾添加"？"。怎么了？

您没有为按钮指定type，因此默认情况下它是一个提交按钮。提交按钮的默认行为是尝试提交其表单，从而重新加载页面。添加以下属性：

type="button"

然后按钮将没有默认操作，因此将只执行您通过Javascript指定的任何操作。

相关文章：