如何制作一个在插入一些单词后重定向到网页的按钮？答案

【问题标题】：How to make a button that will redirect to a webpage after some word inserted?如何制作一个在插入一些单词后重定向到网页的按钮？
【发布时间】：2019-05-16 14:40:18
【问题描述】：

我打算制作一个搜索网站，但不知道如何制作：用户在搜索框中插入内容点击“搜索”后，被重定向到一个网站，例如，duckduckgo.com/?q=在搜索框中插入的文本

谢谢，总督

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。避免同时提出多个不同的问题。
解释更多。添加一些代码。您必须向我们表明您正在尝试自己并且正在编码。这不仅仅是一个寻找解决方案的平台。这是一个寻求帮助的平台，为了获得更好的结果，您必须至少给我们一个代码示例

标签： javascript html button search input

【解决方案1】：

这应该有效： window.location.replace("duckduckgo.com/?q=" + string);

【讨论】：

【解决方案2】：

在 sn-p 中，我创建了一个输入字段和一个按钮。如果您在输入字段中键入“asd”并单击“搜索”按钮，您将被重定向到：http://duckduckgo.com/?q=asd

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Demo</title>
  </head>
  <body>
    <input type="text" /> 
    <button>Search</button>

    <script>
      let button = document.querySelector('button');
      button.addEventListener('click', function() {
        let inputValue = document.querySelector('input').value;
        let redirectToUrl = 'http://duckduckgo.com/?q=' + inputValue;
        window.location.replace(redirectToUrl);
      });
    </script>
  </body>
</html>

【讨论】：

【解决方案3】：

使用Javascript

您必须使用：window.location.href，并确保您要重定向的网站以http:// 或https:// 开头

window.location.href = "http://duckduckgo.com/?q=" + 文本；

在 HTML 中使用“表单”

您必须将<input> 字段放在<form> 中，并将表单定位到您要访问的网址，并确保这是一个GET 请求。

<form method='get' action='http://duckduckgo.com'>
    <input type='text' name='q' value='' />
    <input type'button' value='Submit' />
</form>

点击提交后，您将被重定向到页面http://duckduckgo.com?q={input text}

$("#jsBloc a").click(function() {
  window.location.href = "http://duckduckgo.com?q=" + $("#jsBloc").val();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>Using Javascript: </h1>
<div id='jsBloc'>
    <input type='text' name='q' value='' />
    <a href='javascript:;'>Submit</a>
<div>

<hr />

<h1>Using Form HTML</h1>
<form method='get' action='http://duckduckgo.com'>
    <input type='text' name='q' value='' />
    <button>Submit</button>
</form>

【讨论】：

如果他有你引用的表格，他就不会使用 JavaScript，是吗？
我真的不知道。他没有放任何代码示例。但他确实在问题中添加了 Javascript 和 HTML 标签，所以我给了他两个答案