点击＜button＞按钮会刷新页面问题

 问题描述

<button  type="button">按钮</button>

button默认的type为submit，如果刚把他放在form表单中也会触发acton，如果没有指定action就会跳转到本页面看着和刷新一样

解决方法

1.使用 type="button"： 在按钮元素中添加 type="button" 属性，这将告诉浏览器按钮不应该触发表单的默认提交行为。

<form id="myForm" method="post">
    <!-- 表单内容 -->
    <button type="button" onclick="submitForm()">Submit</button>
</form>

2.使用 JavaScript 阻止默认行为： 在按钮的点击事件处理函数中调用 event.preventDefault() 阻止默认的提交行为。

<form id="myForm" method="post">
    <!-- 表单内容 -->
    <button onclick="submitForm(event)">Submit</button>
</form>

function submitForm(event) {
    event.preventDefault(); // 阻止默认提交行为
    // 执行其他逻辑
}