CODEWITHSUNDEEP
javascriptjqueryhashreplaceattr
Barlas Apaydin
Barlas Apaydin

Reputation: 7315

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

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.

Upvotes: 80

Views: 99320

Answers (2)

arc
arc

Reputation: 4691

You may prefer the answer of this question.

The difference being that with history.replaceState() you don't scroll to the anchor, only replace it in the navigation bar. It's supported by all major browsers, source.

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

Upvotes: 73

Fabrício Matté
Fabrício Matté

Reputation: 70129

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

Upvotes: 151

Related Questions