javascript - 当我使用 input type="button" 时，一个函数运行良好，但是当我使用 button 时它不会

Question

我用这两种类型的按钮调用相同的函数。第一个效果很好，但按钮效果很好，但在不到一秒钟的时间里，它看起来就像刷新页面。

<input type="button" id="bProv" value="filtrar" onclick="filtroP()"/>
<button id="bProv" onclick="filtroP()">filtrar</button>

Answer 1

元素的默认为type，所以它会运行 JS 然后立即提交表单。<button>submit

<button type="button" ...如果您不想提交表单，请使用。

也就是说，对按钮进行硬编码（没有 JS 什么都不做）违背了不显眼的 JavaScript原则（这是 WWW 最佳实践编程的一部分）。