How can I replace a window's URL hash with another response?

javascript jquery hash replace attr
Barlas Apaydin picture Barlas Apaydin · Jul 21, 2012 · Viewed 72k times · Source

I am trying to change a hashed URL (document.location.hash) with the replace method, but it doesn't work.

$(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.
  });

});

I dont want to change/refresh page, I just want to replace URL without any responses.

Note: I don't want to solve this with a href="#food" solution.

Answer

Fabrício Matté picture Fabrício Matté · Jul 21, 2012

Either use location or window.location instead of document.location as the latter is a non-standard.

window.location.hash = '#food';

This will replace the URL's hash with the value you set for it.

Reference

Related questions

How can I update window.location.hash without jumping the document?

I have a sliding panel set up on my website. When it finished animating, I set the hash like so function() { window.location.hash = id; } (this is a callback, and the id is assigned earlier). This works good, to allow …

Read More
Add a fragment to the URL without causing a redirect?

Is there is a way how to add hash # to my URL without redirect?

Read More
What is the difference between "window.location.href" and "window.location.hash"?

I learned "window.location.hash" new and tried in my jquery code instead of "window.location.href" and both of them gave same results. Code is here : window.location.href = ($(e.currentTarget).attr("href")); window.location.hash = ($(e.currentTarget).attr("…

Read More