Question

我正在尝试创建一个搜索框，该搜索框根据所搜索的内容打开一个URL。到目前为止，我还没有成功。

示例：

<form>
  <input type="text" name="search" placeholder="Search.">
</form>

结果将在新页面中打开，其中包含搜索到的字符串：

https://www.example.com/ + string.html

Answer 1

使用javascript可以达到以下目的：

document.getElementById("openLinkBtn").addEventListener("click", openLink);

function openLink() {
  var link = document.getElementById("myLink").value;
  openInNewTab("https://www.example.com/" + link + ".html");
}

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

<input id="myLink" type="text" name="search" placeholder="Search.">
<button id="openLinkBtn">
  Open the link
</button>

搜索后打开URL

1 个答案: