Javascript window.location.assign（）导航到url的用户输入？

我需要使用Javascript

window.location.assign（）

从输入框中的用户获取输入，一旦单击按钮，用户将被带到他们在该输入框中输入的URL-我很难在线找到这个。我假设需要在脚本中添加一个函数（未显示）。

网址：

在使用

窗口.location.assign

之前，我希望您阅读此内容

Location.assign（）方法使窗口加载并显示 指定URL处的文档

如果由于安全违规而无法进行分配，则 抛出安全错误类型的DomeException。如果 调用该方法的脚本的来源与来源不同 最初由Location对象描述的页面的 脚本托管在不同的域上

如果提供的URL无效，则会出现语法错误的DomeException 类型被抛出

以下是您可以使用它的方法

函数newUrl（）{
window.location.assign（document.getElementById（“url”）.value）；
}

网址：

首先，我建议将函数放在表单元素的“onsubmit”处理程序中，而不是将其放在按钮的“onclick”中。这样，一个简单的“回车”键也可以导致导航

其次，由于我们将回调放在表单上，表单的操作应更改为“javascript”，如下所示：

<form style="padding-top 20px;" action="javascript://#" onsubmit="newUrl(this.elements['url'].value)">
    URL: <input type="text" name="url">
    <input type="submit" value="GO!">
</form>

---

谢谢，丹尼。我尝试了其他不起作用的选项，所以我不想在这里发布的代码中包含它们！谢谢你没有投我一票。对所有人来说还是新鲜事！再次感谢-你解释得很好。这很有效！谢谢你的帮助。现在我明白了，这看起来非常简单。回顾过去，将用户导航到任意客户端输入是一个安全问题。应用程序逻辑（位于前端或后端）应至少清理输入。（最好使用白名单）

<form style="padding-top 20px;" action="javascript://#" onsubmit="newUrl(this.elements['url'].value)">
    URL: <input type="text" name="url">
    <input type="submit" value="GO!">
</form>

function newUrl(url) {
    window.location.assign(url);
}