通过表单将页面附加到域名答案

【问题标题】：Append Page to Domain Name Via Form通过表单将页面附加到域名
【发布时间】：2014-12-15 20:08:52
【问题描述】：

这可能非常简单，但我正在拔头发！

我正在尝试创建一个输入字段，允许用户输入一个文本字符串，一旦提交该文本字符串就会附加到一个域名，将用户带到一个页面。

流程如下：

用户在输入框中输入“foo”。单击提交后，'foo' 以http://example.com/ 为前缀，（理想情况下）以.html（或.php）为后缀，浏览器解析到该地址，即http://example.com/foo.html。

这可能吗？我的形式 kung foo （显然）不是很强大，所以任何帮助将不胜感激。提前致谢。

【问题讨论】：

向我们展示您现在拥有什么或尝试过什么。
嗨，老实说，我尝试过的所有东西都在 Codepen 上，所以我没有保存任何东西。我不禁想到这是一个如此简单的问题（显然，我更简单！）这就是为什么我找不到简单的答案。
为什么不让用户自行声明是.html 还是.php？
我想从他们那里拿走这个选项。原因是可以给用户一个字符串“qwerty”，例如，它可以解析为一个页面，而不需要添加任何进一步的信息。

标签： javascript html forms redirect

【解决方案1】：

可以使用window.location.href 访问当前网址。

可以以类似的方式设置 URL。鉴于您的情况，可以执行以下操作：

yourForm.onsubmit = function() {
    var URLtext = document.getElementById("inputbox").value;
    window.location.href = window.location.href + URLtext; // this is for your current URL
}

任何格式正确的 URL 都不需要文件类型，除非您正在访问特定文件，在这种情况下，以编程方式找出文件类型的 UI 很糟糕。我会把它留给用户来确定文件类型。

【讨论】：

所以我的 HTML 看起来像这样：

我会使用上面的脚本吗？
你先声明var yourForm = document.getElementById("inputbox");，然后使用上面的脚本。
我可能在做一些愚蠢的事情（仍然！），但我只是在 URL 的末尾附加了一个问号。这是我的代码：
这超出了您最初问题的范围，先生
好的，谢谢。我会开始一个新的问题。感谢您到目前为止的帮助:)

【解决方案2】：

var string = "foo";

window.location = window.location.origin + "/" + string + ".html";

【讨论】：