javascript - 目标 ="_blank"无法打开新窗口

Question

target="_blank"不打开新窗口，仅导航到同一窗口中的新页面，如下所示:

<form onSubmit="return process();" target="_blank"> 
<input type="text" name="url" id="url"  placeholder="Product ID"> <input type="submit" value="Search">
</form> 
<script>
function process(){
    var url= "https://myurl.com/products/" + document.getElementById("url").value.trim();
    location.href=url; return false;
}
</script> 

Answer 1

当您单击该按钮时，代码会立即触发，因此您的代码将导航到同一选项卡中的另一个页面。

target="_blank" 仅当表单具有将数据发送到的操作时才有效。

改用window.open(url)。

function process() {
  var url = "https://myurl.com/products/" + document.getElementById("url").value.trim();
  window.open(url);
  return false;
}

<form onSubmit="return process();" target="_blank">
  <input type="text" name="url" id="url" placeholder="Product ID"> <input type="submit" value="Search">
</form>

<小时/>

或者在您的流程函数中将 url 分配给表单的 action 属性，并删除return false

我将表单命名为f

function process() {
  var url = "https://myurl.com/products/" + document.getElementById("url").value.trim();
  document.f.setAttribute('action', url);

}

<form onSubmit="return process();" name="f" target="_blank">
  <input type="text" name="url" id="url" placeholder="Product ID"> <input type="submit" value="Search">
</form>