在使用链接进行 JavaScript 操作时，我通常会这样做：
<a href="#">Link Text</a>
这样，当有人在页面加载之前点击链接时，不会发生什么可怕的事情。
在我的当前项目中，我使用相同的结构，但是加上了基础标签：
<html>
<head>
<base href="http://example.com/" />
</head>
<body>
<a href="#">Link Text</a>
</body>
</html>
然而，如果页面的url为：
http://example.com/dir/page
点击链接会导航到
http://example.com/#
不是……而是
http://example.com/dir/page#
我该如何修复这个问题？
要么删除base标签，要么将href属性更改为完全合格的。当您混合使用base和a元素时，您观察到的是预期的行为。
如果你想使用a标签，另一种解决方法是不要使用#作为href目标（当你不指定目标时，它会导致页面跳转到顶部，这是我不想要的）。你可以这样做：
<a href="javascript:">Some Link that Goes nowhere</a>
其实，除非你需要将它作为 a 标签使用，否则 span 标签可能是最好的选择：
CSS：
.generic_link {
text-decoration:underline;
}
.generic_link:hover {
text-decoration:none;
}
HTML:
<span class="generic_link">Something that really isn't a link</span>
<a> 标签会触发 onclick，至少在我使用过的 iOS 版本中是这样。 - alanaktion<html>
<head>
<base href="http://example.com/" />
</head>
<body>
<a href="./dir/page#">Link Text</a>
</body>
</html>
我以前也遇到过同样的问题。
我有一个链接，我希望它是空的，可以链接到当前页面。
如果没有base html element，这将只是一个带有href="#"的a元素。
我的示例不使用base html元素，
<li>
<a href="#"><div>The text of my Link</div></a>
</li>
我找到的解决方案相同的例子，
<li style="cursor: pointer !important;">
<a href="#" style="pointer-events: none;"><div>The text of my Link</div></a>
</li>
通过第一个CSS规则cursor: pointer !important;，我确保此链接将具有正确（对于我的情况）的指针图标。
通过第二个规则pointer-events: none;，我确保此链接不可点击。
您可以通过this link了解更多关于此规则的信息。
在 onclick 事件中返回 false 以禁用链接：
<a href="#" onclick="doSomething(); return false">Link Text</a>
（这只是一个内联声明的示例。但尽量避免内联声明并使用渐进增强技术。)