javascript - Javascriptインラインonclickgotoローカルアンカー

Question

画像としてボタンがあります...

<img src="button.png" />

onclickにjavascriptが必要です。クリックすると、ローカルアンカーに移動します。例えば：

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

これどうやってするの？

更新：これは私が使用しているコードです：

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

Answer 1

受け入れられた回答で提示された解決策には、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>

注：アンカーは、ハッシュプレフィックスなしで引用符で囲む必要があります。

Answer 2

onClickそれはあるべきであるように見えます：

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

Answer 3

アンカータグで包みます。JSを使用する必要はありません。

<a data-role="none" href="#page10"><img src="button.png" /></a>

Answer 4

ルートまたは/folder/に/slashを使用してみてください。これにより、何度も使用できるようになります。

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

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