可以解决使用带有相对 href 的 <BASE> 标记和 <a href='#'> 之间的冲突吗？

Question

当使用带有相对 url 的标签时，例如

<base href="app/" />

在整个站点中使用任何<a href='#'> 都会导致锚标记上的href 根据相对路径被重写，然后变为可点击到无效的url。

我可以将<a href='#'> 替换为<a href='javascript:void(0)'>，然后浏览器会忽略根据基本标记中指定的前缀重写目标url - 它可以按预期工作（什么都不做，不会导致导航。

但我想知道是否有更通用的方法可以排除 '#' url 目标？

Answer 1

没有。根据定义，具有href 属性的base 元素会影响所有URL 值属性。您的页面可能需要重新设计。 base 元素本身很少是一个好主意，而a 元素不应该是链接则更糟。

Answer 2

除了实际链接，我不会使用<a> 标记。

如果您想要一个不导航的可点击元素，请使用<button type="button"></button> 并按照您的喜好设置样式。毕竟，您在这里寻找的是一个按钮，而不是一个链接。