Нехорошее поведение кнопки.

[broom4]

Здравствуйте!
Я не программист, поэтому многие приёмы мне не знакомы.
Может быть решение просто, но я никак не добюсь.
Итак:
Имею очень большую html страницу. height неопределена.
Где-то внизу имеются кнопки.
Я их сделал так:
<a href="#" class="button1" onclick=perrez(1)>Точки</a>
В CSS описал стили, как полагается и всё работает.
perrez - это скрипт JS во внешнем файле и тоже хорошо работает.
Проблема: при нажатии на кнопку страница пролистывается в начало и это есть нехорошее её поведение.
Если стили описываю в атрибуте <button style="....>
этого не происходит, но
во-первых, кнопок много,
во-вторых, не могу вставить туда псевдоклассы.
Пожалуйста подскажите, как запретить это пролистывание.
Старый учитель Михаил Иванов(Broom).

[pompiduskus]

Наверное сам функционал perrez(1) вдияет на страницу.

Так как сам по себе елемент, не может ничего делать с разметкой.
Как страница орисовалась, так ей и быть. А если вы изменяете ее потом, на лету, то и результат соответствующий.

А сам код функции можно посмотреть ?

[broom4]

Вряд ли.
Не отвечал, потому что ходил в лес. В нашем городе за грибами ездят на троллейбусе.
Через десять минут - грибы.
Набрал ведро белых, подосиновиков и ещё много всякой дряни.
Это так, для релаксации.
Код прикрепляю.
Старый учитель Михаил Иванов(Broom).

[Вадим Мошев]

Озвучиваю своё мнение.
Дело в том, что ссылки, содержащие в атрибуте href только заглушку в виде решётки (href="#") пролистывают, страницу вверх. Это работает ссылка.

Для того, чтобы отменить действие ссылки по умолчанию, поставьте в конец функции, которая вызывается при клике на эти кнопки (у вас это perrez), такой простой код:

return false;

Только что проверил. Всё работает, в чём я и не сомневался...

[broom4]

Дорогой Вадим Мошев!
Ваша подсказка сработала.
return falst не помогло, но вы кратко мне объяснили про #
я поставил меточку чуть выше и написал href="# m2". Вот тогда
заработало.
Вообще, когда роешьсся по учебникам, то находишь либо устаревшие версии, либо очень много воды. Достаточно - справочник. Советы на форумах чаще не помогают,
а найти информацию по нюансам почти невозможно. Так я почти неделю потерял на изучение графики, пока не наткнулся на примитивный, но очень дельный пример, долго бился с созданием локальных файлов и почтой, пока не понял, что JS для этого не предназначе. Ну вот, тоже вылил много воды, а надо было вам просто сказать:
огромное спасибо!
Старый учитель Михаил Иванов(Broom).

[zvygin1964]

Михаил. Вы так-то заходите ещё. Тут весело !

[Alex11223]

Тогда проще

href="javascript:void(0)"

Вообще, когда роешьсся по учебникам, то находишь либо устаревшие версии

Не ройтесь в старых учебниках.

https://webref.ru/html
https://webref.ru
https://developer.mozilla.org (англ.)

[Вадим Мошев]

Сообщение от broom4

Дорогой Вадим Мошев!
Ваша подсказка сработала.
return falst не помогло...

Очень странно. А должно работать. Я ваш код не читал. Вероятно, вы куда-то не туда поместили эту конструкцию. ну, да ладно.

Есть второй вариант, и, кстати, это касается всех ответивших. Вместо ссылки можно было воспользоваться тегом <div>, например. У него нет того действия, которым обладает тэг <a>. Почему этого никто не предложил?

[come-on]

Тогда проще
href="javascript:void(0)"

href="javascript:;"