网址的javascript输入字段和提交按钮以打开该网址[重复]

Question

我有一个网址输入字段，一旦我输入网址，例如“yahoo.com”，我希望按钮在新标签或窗口中打开该地址。

<input type="text" width="30%" id="text" />
<input type="button" id="hlight2" value="Submit"  onClick="javascript: window.open();" />

Answer 1

这样

document.getElementById("hlight2").addEventListener("click",function() {
  const loc = document.getElementById("text").value;
  if (loc) window.open(loc,"_blank");
})

更好（按回车也会弹出窗口）

document.getElementById("urlForm").addEventListener("submit", function(e) {
  e.preventDefault();
  const loc = document.getElementById("text").value;
  if (loc) window.open(loc, "_blank");
})

<form id="urlForm">
  <input type="text" width="30%" id="text" />
  <input type="submit" value="Submit" />
</form>