javascript - 使用表单操作将哈希 '#' 符号附加到 url？

Question

所以我有一个带有提交按钮和文本输入的表单...

我想要: http://localhost/

成为: http://localhost/#q=

我在 javascript 中做了一个解决方案，它涉及将表单的“操作”更改为带有哈希 onclick 的 url。但这在 IE 中不起作用。

谁有适用于所有浏览器的解决方案？

Answer 1

我遇到了一个类似的问题，IE 没有从表单操作中提取哈希。

我有一个表格

<form action="/#search" id="search-form">
   <input type="text" class="search-query" placeholder="Search" name="q">
</form>

当我在除 IE 以外的任何工具中提交此表单时，页面转到了

/?q=searchparams#search

但在 IE 中它转到了

/?q=searchparams

为了解决这个问题，我使用 JQuery 绑定(bind)到提交操作并重定向到我希望它转到的页面。

$("#search-form").submit(function() {
    var query = $('input[name="q"]').val();
    window.location.href = 'index.php?q='+query+'#search';
    return false;
}); 

此后一直运行良好。