时间戳

首页 > 解决方案 > 搜索后打开 URL

javascript - 搜索后打开 URL

问题描述

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

例子：

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

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

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

标签： javascripthtml

解决方案

使用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>

推荐阅读