javascript - 在 JavaScript 提交表单上创建 URL

Question

我目前有一个带有一些 JavaScript 函数和本地存储的表单。

我试图让用户在文本框中键入值时，搜索栏将 URL 从“mysite.com”更改为“mysite.com/%userinput%”。然后该用户可以将该链接发送给其他人，然后该人将看到原始用户看到的内容。

Answer 1

这将在输入后更改 URL。

我从您的问题和评论中了解到，您不想加载 URL，只需更改它，所以试试这个小提琴：http: //jsfiddle.net/GrP6U/2/show/

后面的代码是：

JavaScript

var theForm = document.getElementById('theForm');
var theInput = document.getElementById('subj');

theForm.onsubmit = function(e) {
    var myurl = "http://jsfiddle.net/GrP6U/2/show/?input=" + encodeURIComponent(theInput.value);
window.history.pushState('', "Title", myurl);
    return false;
}

HTML

<form id="theForm">
    <input id='subj'/>
    <input type='submit'/>
</form>