javascript - 当我使用输入类型 ="button"时，一个功能运行良好，但当我使用按钮时，它不起作用

Question

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

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

Answer 1

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

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

也就是说，对按钮进行硬编码(没有 JS 则不执行任何操作)违反 unobtrusive JavaScript 的原则(这是 WWW 最佳实践编程的一部分)。