如何用另一个响应替换窗口的URL哈希？

Question

我试图用替换方法更改散列URL(document.location.hash),但它不起作用.

$(function(){
 var anchor = document.location.hash;
 //this returns me a string value like '#categories'

  $('span').click(function(){

     $(window).attr('url').replace(anchor,'#food');
     //try to change current url.hash '#categories'
     //with another string, I stucked here.
  });

});

我不想更改/刷新页面,我只想更换URL而不做任何回复.

注意:我不想用href ="#food"解决方案来解决这个问题.

Answer 1

使用location或window.location代替,document.location因为后者是非标准的.

window.location.hash = '#food';

这将使用您为其设置的值替换URL的哈希值.

参考

Answer 2

您可能更喜欢这个问题的答案.

不同之处在于history.replaceState()您不会滚动到锚点,只能在导航栏中替换它.它是由所有主要浏览器,支持源.

history.replaceState(undefined, undefined, "#hash_value")