Microsoft Edge 在元素上没有 href 时添加 href 链接答案

【问题标题】：Microsoft Edge adds href link when there is no href on the elementMicrosoft Edge 在元素上没有 href 时添加 href 链接
【发布时间】：2018-05-13 03:55:54
【问题描述】：

所以，我有一个 Angular 2 应用程序，它使用按钮元素更改页面，这些按钮元素具有（单击）处理内容、发出数据和加载不同组件的功能。这一切在 Chrome 和 Firefox 上都可以正常工作，但在 Edge 上，按钮突然有一个指向我的应用程序位置的路径，并且在加载正确的组件后，它会重新加载到应用程序主页。

我包含了两个屏幕截图，显示了鼠标悬停在按钮上的情况

屏幕1：Edge

屏幕2：Firefox/Chrome

为什么 Edge 会添加不存在的 href 链接？以及如何删除或阻止它们？

【问题讨论】：

标签： angular href microsoft-edge

【解决方案1】：

呃，没有 type="button" 的按钮在 IE/EDGE 上默认被视为提交，它会自动添加位置 href。

在我的所有按钮上添加 type="button" 解决了这个问题。

【讨论】：

这不是 Edge 的错；按钮的type 属性的默认值为submit，因为这就是<button> 元素的适用于。
可能是这样，但是如果我不处理提交，它仍然会引导我进入主页。