使用jQuery更改浏览器地址栏URL

Question

是否可以直接使用jQuery更改浏览器地址栏中的URL而无需刷新页面或重定向到更改的URL？

或者由于安全问题,这是不可能的？

例如,我有一个jquery.ajax驱动的列表,所以没有帖子后退/屏幕刷新.该列表具有分页元素.因此,对于第一页,浏览器地址栏中的URL是:

http://company/list.php?page=1

如果我从列表的分页部分单击第2页,它将显示基于第2页的列表,但由于这发生了ajax样式而没有刷新/回发,浏览器URL保持在

http://company/list.php?page=1

我希望能够将其更改为

http://company/list.php?page=2

没有回发/重定向到新网址

这不可能吗？

Answer 1

这只能在更现代的浏览器中完成(Chrome,Safari,FF4 +和IE10pp3 +)

请参阅此问题:使用新URL更新地址栏而不使用哈希或重新加载页面以获取有关如何执行此操作的信息.

Answer 2

也许通过一些修改你可以使用Fragment Identifier aka Hash(Url中的#符号)来更改(部分)Url而不更改页面.

通常,这用于自动将用户导航到页面中的某个章节或将控件初始化为特定状态.例如,在选项卡控件中自动选择正确的选项卡.Ben Alman就是一个例子(使用jQuery BBQ).