Javascript 什么';表单按钮链接和js按钮链接的区别是什么?

Javascript 什么';表单按钮链接和js按钮链接的区别是什么?,javascript,html,web,button,request,Javascript,Html,Web,Button,Request,这两种将按钮变为链接的方式有什么区别: <form method="GET" action="example.com"> <button type="submit">button text</button> </form> 按钮文本 VS 按钮文本 它有同样的效果,但其中一种使用方法是否存在任何缺陷?是的。第一个将转到操作URL,表单中的所有表单输入都作为GET参数 第二个是基于javascript事件的操作

这两种将按钮变为链接的方式有什么区别:

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

按钮文本
VS

按钮文本

它有同样的效果,但其中一种使用方法是否存在任何缺陷?

是的。第一个将转到
操作
URL,表单中的所有表单输入都作为GET参数


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

第一个:

<form method="GET" action="example.com">                
<button type="submit">button text</button>
</form>
<button onclick="location.href = 'example.com';">button text</button>

按钮文本
优点:

  • 您可以将查询字符串数据发送到表单字段中的url中
  • 通过向动作url发送复杂数据,可以轻松形成复杂链接 缺点:

  • 这些都不是基于你的选择
  • 无法创建动态链接生成操作=“属性不支持java脚本代码 第二个:

    <form method="GET" action="example.com">                
    <button type="submit">button text</button>
    </form>
    
    <button onclick="location.href = 'example.com';">button text</button>
    
    按钮文本
    
    优点:

  • 您可以基于动态值更改生成链接

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

  • 缺点:

  • 您不能以这种方式发送更多数据,因为这仅用作基本用途
    “onclick”激活一个javascript,GET是一种将变量从一个站点传递到另一个站点的方法,它是必需的,例如PHP scriptsYeah,我理解这一点。但也许在某些情况下,这些方法会产生不同的结果?