В чем разница между кнопкой-ссылкой формы и кнопкой-кнопкой js?

Question

В чем разница между этими двумя способами превращения кнопки в ссылку:

<form method="GET" action="example.com">                
<button type="submit">button text</button>
</form>

VS

<button onclick="location.href = 'example.com';">button text</button>

Это имеет тот же эффект, но есть ли недостатки использования одного изпути?

Answer 1

Да. Первый перейдет по URL-адресу action со всеми входными данными формы, которые находятся внутри формы в качестве параметров GET.

Второе действие основано на событиях javascript, оно идет только по URL с указанными вами параметрами.

Answer 2

Первый:

<form method="GET" action="example.com">                
<button type="submit">button text</button>
</form>

Преимущество:

1. Вы можете отправлять данные строки запроса в URL в полях формы.
2. сложная ссылка может быть сформирована легко и с отправкой сложных данных в URL-адрес действия.

Недостаток:

1. Нет недостатков, это зависит от вашего выбора.
2. Невозможно создать динамическую ссылку. Атрибут Action = "" не поддерживает код сценария Java.

Второй:

<button onclick="location.href = 'example.com';">button text</button>

Преимущество:

1. вы можете создать ссылку на основе динамического изменения значения.

   location.href = 'example.com' + document.getElementById ('otherInput'). Value;

Недостаток:

1. вы не можете отправить больше данных таким образом, это используется только как основное использование.