Javascript内联onclick转到本地 anchor

Question

我有一个按钮作为图像...

<img src="button.png" />

我需要在 onclick 中使用一些 javascript，当单击时它将导航到本地 anchor 。例如:

<img src="button.png" onclick="navigateTo #page10" />

我该怎么做？

更新:这是我正在使用的代码:

onclick="document.location=#goToPage';return false;"

Answer 1

已接受答案中提出的解决方案有一个重要问题，即它只能使用1次。每次连续点击都会将 #goToPage 附加到位置，并且窗口不会导航到 anchor 。

解决方案是在附加新 anchor 之前删除 anchor 部分:

function goToAnchor(anchor) {
  var loc = document.location.toString().split('#')[0];
  document.location = loc + '#' + anchor;
  return false;
}

使用示例:

<a href="#anchor" onclick="goToAnchor('anchor')">Anchor</a>

注意: anchor 需要用引号引起来，不带哈希前缀。