javascript - 表单未在新选项卡中打开

Question

这是我正在使用的代码，我在表单中指定了 target="_blank"，但它不会在新选项卡中打开。

<script>
function process()
{
var url="https://website.com/search/" + document.getElementById("url").value;
location.href=url;
return false;
}
</script>
<form action="https://website.com/search/" target="_blank" onSubmit="return process();">
Search: <input type="text" name="url" id="url"> <input type="submit" value="go">
</form>

Answer 1

target仅在表单正常提交时使用。您可以通过从 onsubmit 函数返回 false 来防止这种情况发生。

由于 process 正在重定向到新 URL 而不是提交表单，因此您可以在那里打开一个新窗口/选项卡。所以更换

locaiton.href = url;

与:

window.open(url, "_blank");