[英]Javascript inline onclick goto local anchor
我有一个按钮作为图像...
<img src="button.png" />
我需要在 onclick 中使用一些 javascript,点击时它将导航到本地锚点。 例如:
<img src="button.png" onclick="navigateTo #page10" />
我怎样才能做到这一点?
更新:这是我正在使用的代码:
onclick="document.location=#goToPage';return false;"
接受的答案中提供的解决方案有一个重要问题,即它只能使用 1 次。 每次连续单击都会将#goToPage
附加到位置,并且窗口不会导航到锚点。
一种解决方案是在附加新锚点之前删除锚点部分:
function goToAnchor(anchor) {
var loc = document.location.toString().split('#')[0];
document.location = loc + '#' + anchor;
return false;
}
使用示例:
<a href="#anchor" onclick="goToAnchor('anchor')">Anchor</a>
注意:锚需要用引号括起来,没有散列前缀。
看起来onClick
应该是:
onclick="document.location+='#goToPage';return false;"
将其包裹在锚标记中。 你不需要使用 JS。
<a data-role="none" href="#page10"><img src="button.png" /></a>
尝试将 / 斜杠用于 root 或 /folder/,这样它可以多次使用。
onclick="document.location='/#goToPage';return false;"
onclick="document.location='/folder/#goToPage';return false;"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.