Javascript встроенный onclick goto локальный якорь

У меня есть кнопка в качестве изображения...

<img src="button.png" />

Мне нужен javascript в onclick, где при нажатии он перейдет к локальному якорю. Например:

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

Как я могу это сделать?

Обновление: это код, который я использую:

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

Ответы

Ответ 1

выглядит onClick:

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

Ответ 2

Решение, представленное в принятом ответе, имеет важный вопрос, что его можно использовать только 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>

Обратите внимание, что якорь должен быть заключен в кавычки без префикса хеширования.

Ответ 3

Оберните его в якорный тег. Вам не нужно использовать JS.

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