HTMLボタンは、だから私は、このHTMLコードを持っていると言うクリック

Question

に変なふうに振る舞う：

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>

のSwaIはSweetAlertショーのアラート機能をある

。 事は：それをクリックすると、1/4秒間メッセージが表示され、次にページの上部に行き、「？」を追加します。ページのURLの末尾に移動します。なにが問題ですか？

Answer 1

ボタンにtypeを指定していないため、デフォルトでは送信ボタンです。そして、送信ボタンのデフォルトの動作は、ページをリロードするフォームを送信しようとすることです。次の属性を追加します。

type="button" 

次に、ボタンにはデフォルト動作がないため、JavaScriptを使用して指定したものだけが実行されます。