我想编写一个执行一些 JavaScript 的锚标记，然后继续去任何href需要它的地方。调用一个执行我的 JavaScript 然后设置window.location或top.location到该href位置的函数对我不起作用。
所以，假设我在页面上有一个 id 为“Foo”的元素。我想创作一个类似于以下内容的锚点：
<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a>
单击它时，我想执行 runMyFunction 然后将页面跳转到#Foo（不会导致重新加载 - 使用top.location会导致它重新加载页面）。
建议？如果 jQuery 可以在这里提供帮助，我很乐意使用它...
只是return true代替？
onClick代码的返回值决定了链接的固有点击动作是否被处理 - 返回false意味着它没有被处理，但是如果你返回，true那么浏览器将在你的函数返回后继续处理它并转到正确的锚。
<a href="#Foo" onclick="return runMyFunction();">Do it!</a>
和
function runMyFunction() {
//code
return true;
}
通过这种方式，您将执行函数并且您将遵循该链接并且您将在您的函数成功运行后完全遵循该链接。
如果链接应该只在函数运行成功时更改位置，那么执行onclick="return runMyFunction();"并且在函数中您将返回 true 或 false。
如果您只想运行该函数，然后让锚标记完成其工作，只需删除该return false语句即可。
作为旁注，您可能应该改用事件处理程序，因为内联 JS 不是一种非常理想的做事方式。
在做一个干净的 HTML 结构时，你可以这样做。
const element = document.getElementById('link_1')
element.onClick = function (e) {
e.preventDefault()
window.open('_top', element.getAttribute('href'))
}
使用 jQuery
$('a#link_1').click(function (e) {
e.preventDefault()
const a = e.target
window.open('_top', a.getAttribute('href'))
})