更改URL参数值

Question

让我们考虑以下两行：

<button class="light"> Hover over me </button>

mydomain.com?quantity=10

当用户输入新值时（使用<input type="text" name="quantity" size="1" value="1" />），有没有办法让我自动更改网址中“数量”的值？

Answer 1

没有。所有javascript代码仅影响浏览器的文档部分。它可以将您发送到另一个可以更改数量的页面。

Answer 2

在表单中提交元素值会自动使用数量的当前值更新URL。如果您使用onchange事件来触发提交，则在用户点击输入外部之前，URL不会更改：

<form>
   <input type="text" name="quantity" size="1" value="1"
    onchange="this.form.submit()" />
</form> 

这样的变化可以看到键盘事件，而焦点仍然是输入元素。如果重新加载页面是用户友好的还有待观察，还不清楚这是否确实是你想要发生的事情。如果您不想重新加载页面，请参阅@igwan关于使用history api的评论和链接（检查MDN是否支持浏览器）。