如何在表单完成后将用户重定向到 YouTube 视频？ (HTML5)答案

【问题标题】：How to redirect user to YouTube video upon form completion? (HTML5)如何在表单完成后将用户重定向到 YouTube 视频？ (HTML5)
【发布时间】：2020-10-30 12:19:41
【问题描述】：

我正在使用 form action="youtubevideolink.com" 和 method="get"。当我点击“提交”时，它会将您带到 youtube 的主页，而不是视频页面本身。

有什么方法可以通过 HTML 或 Vanilla JS 实现这一点？

谢谢。

【问题讨论】：

标签： javascript html forms redirect submit

【解决方案1】：

这很简单，请记住 URL 是一个 get 请求，已经带有变量 v 参见这个例子：https://www.youtube.com/watch?v=QH2-TGUlwu4

<form action="https://www.youtube.com/watch" method="get">
  <input type="hidden" name="v" value="QH2-TGUlwu4">
  <button type="submit">Click Me!!!</button>
</form>

【讨论】：

【解决方案2】：

我会使用onsubmit 引用调用一个函数。我会看起来像这样：

HTML：

 <form onsubmit="redirectToYoutube()">
    
 </form>

Javascript：

function redirectToYoutube() {
  const url = "youtubevideolink.com"
  location.replace(url)
}

【讨论】：