表单按钮链接和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

是的。第一个将进入StandardOutput=syslog URL，并将表单内部的所有表单输入作为GET参数。

第二个是基于javascript事件的操作，它只会转到带有您指定参数的URL。

Answer 2

第一个：

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

优势：

1. 您可以将查询字符串数据pram发送到表单字段中的url中。
2. 复杂链接可以轻松形成，并且可以将复杂数据发送到Action网址。

缺点：

1. 它不会因您的选择而处于不利地位。
2. 无法生成动态链接Action =“”属性不支持Java脚本代码。

第二个：

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

优势：

1. 您可以基于动态值更改生成链接。

   location.href ='example.com'+ document.getElementById（'otherInput'）。value;

缺点：

1. 您不能以此方式发送更多数据，这仅用作基本用法。