HTML表单和Javascript

Question

我希望能够在表单中输入网址，以便当我按“提交”时，它会重定向到不同的网址，但保留原始网址中的参数。

只是，

https://www.google.co.uk/search?q=somequery

重定向到

https://www.google.com/search?q=somequery

我假设这可以通过简单的表单和Javascript完成。

有人帮吗？

谢谢。

Answer 1

由于像URL这样的基于文本的格式通常充满特殊情况，我更喜欢利用嵌入在浏览器中的解析器：

document.getElementById('my-form').addEventListener('submit', function(e){
  e.preventDefault();
  var parser = document.createElement('a');
  parser.href = document.getElementById('url').value;
  window.location = 'https://google.com/search' + parser.search;
});

<form id="my-form">
URL: <input id="url" />
<input type="submit" />
</form>

（看起来谷歌不喜欢嵌入iframe）

Answer 2

好吧，我已经对它进行了分类。 google.com和gogle.co.uk之间的某些问题似乎没有像我预期的那样重定向。在另一对网站上它按预期工作。