javascript - 使用 onsubmit 或 onclick 打开窗口基于使用输入

Question

我正在尝试找出这段代码:

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

我想要发生的是，如果用户在页面Form value creates a url框中输入11811782将打开，但现在在提交时我想要打开模式/弹出窗口。我找到了这个页面: How to call multiple JavaScript functions in onclick event? 还有这个链接:onclick open window and specific size

我尝试将这些建议实现到代码中，但行不通。

Answer 1

由于我不能 100% 确定您是否想要一个弹出窗口或一个新窗口，这就是我的想法:

<form onSubmit="process(event)">
URL: <input type="text" name="url" id="url"> <input type="submit" value="go">
</form>
<script>
    function process(e)
    {
        e.preventDefault();
        var url="https://stackoverflow.com/questions/" + document.getElementById("url").value;
        // location.href=url;
        var popup = window.open(url,'mypopup','height=500,width=500');
        if (window.focus) {popup.focus()}
        return false;
    }
</script>

preventDefault 已到位，以确保表单不会实际提交。