Навигация к маршруту по нажатию кнопки

Question

Когда я нажимаю на следующую кнопку, я бы хотел, чтобы меня перенаправили на маршрут, указанный в href. Однако это не работает:

<button href="/auth"> Google+ </button>

Я не уверен, имеет ли это значение, но я запускаю приложение для узла.

Как я могу перейти к маршруту по нажатию кнопки?

Answer 1

Вы можете использовать следующее решение для перехода к маршруту нажатием кнопки:

<button onclick="clickFun()"> Google+ </button>
<script>
    clickFun() {
        window.location = '/auth';
    }
</script>

Answer 2

Вместо этого вы можете использовать элемент a:

<a href="/auth"> Google+ </a>

Answer 3

Лучший способ перенаправить другую страницу: у нас есть собственный метод javascript location.asign («здесь ваша ссылка»); Например

var btn = document.getElementById('btn');
btn.onclick = function() {
location.assign('/10650255/navigatsiya-k-marshrutu-po-nazhatiy-knopki');
}

<button id="btn">
  click 
</button>

Answer 4

Кнопки изначально не были предназначены для перенаправления на новую страницу. Вместо этого вы ищете тег a. Однако из прочтения комментариев становится ясно, что вы хотели бы сохранить элемент button и добавить те же функции для перенаправления без использования JavaScript, поэтому я предоставлю несколько решений:

С JavaScript

var button = document.getElementById('myButton');
button.onclick = function() {
  location.assign('/10650255/navigatsiya-k-marshrutu-po-nazhatiy-knopki');
}

<button id="myButton">Visit Website</button>

Без JavaScript

<form action="/10650255/navigatsiya-k-marshrutu-po-nazhatiy-knopki">
    <input type="submit" value="Visit Website"/>
</form>

Answer 5

Для кнопок требуется обработчик onClick. Атрибут href предназначен для ссылок (теги привязки, в частности).

<button onClick='someFunction'>Google</button>

<script>
    someFunction() {
        window.location = 'some-url';
    }
</script>